javascript - 为什么 this.find() 在我的插件中不起作用？

Question

我正在尝试制作一个简单的 jQuery Accordion 插件，但无法弄清楚为什么“this”关键字不能正常工作。这是插件的代码:

(function( $ ){
$.fn.accrdn = function(userSettings) {
    var defaults = { 
        toggle: true
    };
    var options = $.extend({}, defaults, userSettings);
    var handle = this.find('.handle');//doesn't work!

    if (options.toggle) {
        handle.click(function(){
            $(this).next('.panel').slideToggle();
        });
    } else {
        handle.click(function(){
            $(this).next('.panel').slideUp();
        });
    };
};
})( jQuery );

Answer 1

既然 OP 已经提供了代码使用的示例 fiddle ，问题是 Accordion div 的选择器，它应该是:

$(document).ready(function() {
    $('.accordion').accrdn({toggle:true, slideSpeed:500});
}); 

注意:选择器缺少 . 来标识它是一个 class 选择器

Here is the fix