我的jQuery插件问题

Question

我为手风琴创建了一个基本的插件。我的代码位于我的accordion.js文件中，在包含jQuery库之后，我已经包含它。在accordion.js文件中使用此代码的手风琴没有问题。

(function($) { 
$.fn.accordion = function(options) { 
    var settings = $.extend({ 
     speed:300, 
    }, options); 
    return this.each(function() { 
     var $elm = $(this), 
      s = settings.speed; 
     $elm.on('click',function(e) { 
      $('.accordion-toggle').on('click', function(e){ 
       $elm.each(function() { 
        if(!$(e.target).is(this)) { 
         $($elm.attr('data-target')).slideUp(s); 
         $(this).removeClass('active'); 
        } 
       }); 
      }); 
      $($elm.attr('data-target')).slideToggle(s); 
      $elm.toggleClass('active'); 
      e.stopPropagation(); 
     }); 
    }); 
}}(jQuery)); $(".accordion-toggle").accordion(); 

但是，当我从我的页面启动速度选项，它会发生两次。

$(".accordion-toggle").accordion({ speed: 500, }); 

问题在哪里？

Answer 1

在您的accordion.js文件中，您有$(".accordion-toggle").accordion();您可以删除它并尝试。