Вызывать методы плагина jquery извне. Подружить два плагина

@Glebson_75 · Регистрация: 07.01.2017

Author24 — интернет-сервис помощи студентам

Написал свой плагин. Код уже набирается немаленький. А много ещё не реализовано. Планирую разделить на два плагина.
Например, на Plagin_1 с методами Func_1() и Func_2()
И Plagin_2 с методом Func_3()
Далее надо заставить их как то общаться между собой

Javascript

Plagin_2.Func_3(){
    // вызов метода первого плагина
    Plagin_1.Func_1();
        …
    // так же обращение к неким данным первого плагина
    Var a = Plagin_1.a;
}

Подскажите. Стоит ли этим заниматься вообще? И как правильно писать такие обращения?
Может быть обращаться к плагину прямо со страницы.
Например

Javascript

<javascript>
    Button1.onClick(){
        Plagin_1.Func_1();
}
</javascript>

@Glebson_75 · 13.12.2017, 20:40 **[ТС]**

Да уж. Складывается нехорошая традиция, никто не хочет отвечать на мои вопросы. Ладно, тогда я буду писать сам себе :-) . А пока выложу то что нарыл сам.

HTML5

<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>jQuery плагин своими руками</title>
    <script type="text/javascript" src="./js/jquery-2.0.3.min.js"></script>
</head>
<body>
    <div id="scroll">
        <p>Hello world</p>
    </div>
    <button id="play" onclick="playPhrase()" >playPhrase</button> 
    <br>
    <button id="prev" onclick="prevPhrase()" >prevPhrase</button> 
 
<script type="text/javascript">
(function( $ ){
 
$.fn.myScroll = function( method ) { 
 
  //  массив - список всех публичных функций
  var methods = {
    init : function(options ) { 
      count = 0;
      alert("init slider " + " count= " + count);
    },
    stepNext : function(steps){
        //  вызаваем внутреннюю функцию
         scrollNext(steps);
    },
    stepPrev : function(steps){
      // count -= steps;
         scrollPrev(steps);
    }   
  };
    // здесь происходит главная магия
    if ( methods[method] ) {   
      return methods[ method ].apply( this, Array.prototype.slice.call( arguments, 1 ));
    } else if ( typeof method === 'object' || ! method ) {
      return methods.init.apply( this, arguments );
    } else {
      $.error( 'Метод ' +  method + ' не существует в jQuery.tooltip' );
    }    
 
    function scrollNext(steps){
      count = count + steps;
        alert("scrollNext" + "  steps = " + steps + " count= " + count);
    } 
 
    function scrollPrev(steps){
      count -= steps;
        alert("scrollPrev" + "  steps = " + steps + " count= " + count);
    }  
  }; 
})( jQuery );
 
// вызвать метод для инициализации
$("#scroll").myScroll(); 
 
function playPhrase(){
  // вызов медода скролла - 'stepNext' с параметром 'steps'
  $("#scroll").myScroll('stepNext',6 );  
  }
 
function prevPhrase(){
  $("#scroll").myScroll('stepPrev',5 ); 
}
 
</script>
</body>
</html>

Добавлено через 1 час 27 минут
Добавил второй плагин. Тоже всё замечательно вызывается

HTML5

<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>jQuery плагин своими руками</title>
    <script type="text/javascript" src="./js/jquery-2.0.3.min.js"></script>
</head>
<body>
    <div id="scroll">
        <p id="text">Hello world</p>
    <textarea id="info"  class="info" >  count </textarea> <br>
    </div> 
  <br>
  <div id = "audioplayer">
    <button id="playSentence" >player playSentence</button> 
    <br>
    <button id="prevSentence"  >player prevSentence</button> 
    <br>
    <textarea id="infoPlayer"  class="info" >  count </textarea> <br>
 
  </div>
 
    <br>
    <button id="play" onclick="playPhrase()" >playPhrase</button> 
    <br>
    <button id="prev" onclick="prevPhrase()" >prevPhrase</button> 
 
<script type="text/javascript">
(function( $ ){
 
$.fn.myScroll = function( method ) { 
 
  //  массив - список всех публичных функций
  var methods = {
    init : function(options ) { 
      count = 0;
      alert("init slider " + " count= " + count);
    },
    stepNext : function(steps){
        //  вызаваем внутреннюю функцию
         scrollNext(steps);
    },
    stepPrev : function(steps){
      // count -= steps;
         scrollPrev(steps);
    },
    getCountScroll(){
      c = getCount();
      return c;
    }
 
  };
    // здесь происходит главная магия
    if ( methods[method] ) {   
      return methods[ method ].apply( this, Array.prototype.slice.call( arguments, 1 ));
    } else if ( typeof method === 'object' || ! method ) {
      return methods.init.apply( this, arguments );
    } else {
      $.error( 'Метод ' +  method + ' не существует в jQuery.tooltip' );
    }    
 
    function scrollNext(steps){
      count = count + steps;
      $("#info").val(" count= " + count);
    } 
 
    function scrollPrev(steps){
      count -= steps;
      $("#info").val(" count= " + count);      
    }  
 
    function getCount(){
      return count;
    }
  }; 
})( jQuery );
// *******************************************************************
// плагин плеера
(function( $ ){
 
$.fn.myAudioPlayer = function( method ) { 
var base = this;
 
  base.init = function(){
    alert("player init");
    base.setupEvents();
  }
 
  base.setupEvents = function(){
 
    if (typeof($("#playSentence")) != "undefined"  && $("#playSentence") != null){
      $("#playSentence").click(function(){
        $("#scroll").myScroll('stepNext',1 ); 
        $("#infoPlayer").val("scroll count = " + $("#scroll").myScroll('getCountScroll'));      
        return false;
      });
    }
 
    if (typeof($("#prevSentence")) != "undefined"  && $("#prevSentence") != null){
      $("#prevSentence").click(function(){
        $("#scroll").myScroll('stepPrev',1 ); 
        $("#infoPlayer").val("scroll count = " + $("#scroll").myScroll('getCountScroll')); 
        // $("#infoPlayer").val("scroll count = " + $("#scroll").myScroll.getCountScroll()); 
        return false;
      });
    }
 
 
  }
 
  base.init();
 
  }; 
})( jQuery );
 
 
// вызвать метод для инициализации
$("#scroll").myScroll(); 
 
$("#audioplayer").myAudioPlayer();
 
function playPhrase(){
  // вызов медода скролла - 'stepNext' с параметром 'steps'
  $("#scroll").myScroll('stepNext',6 );  
}
 
function prevPhrase(){
 $("#scroll").myScroll('stepPrev',5 ); 
 //   $("#scroll").myScroll.stepPrev(5); 
 
}
 
</script>
</body>
</html>

	13.12.2017, 20:40