我的jQuery插件出現問題

Question

我已經為手風琴創建了一個基本插件。 我的代碼在我的手風琴.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

在手風琴.js文件中，您有$(".accordion-toggle").accordion(); 您可以刪除它並嘗試。