jQuery委托不工作

时间:2011-04-09 19:16:58

标签: javascript jquery delegates

我的剧本:

(function($){
$.fn.megaswitcher = function(settings) {
    return this.each(function() {        
        var $i = $(this),
            current,
            childs = $i.find('.selection li').length; // returns desired number

        $i.find('.selection li').delegate('.active', 'dblclick', function(e){
            e.preventDefault();
            current = $i.find('.selection li').index(this);
            alert('triggered @ ' + current); // doesn't even execute
            var _delay = $(this).attr('name') > 0 ? (parseInt($(this).attr('name')) * 1000) : 5000;
            $(this).delay(_delay).show(0, function(){
                if((current + 1) < childs){ // if not last
                    $(this).removeClass('active').next().addClass('active').show(0, function(){
                        $i.find('.image img').addClass('tempp');
                        $(this).find('img').clone().hide().addClass('temp').appendTo($i.find('.image')).fadeIn(400, function(){
                            $i.find('.image img.tempp').remove();
                        });
                    }).trigger('dblclick');
                }else{
                    $(this).removeClass('active');
                    $i.find('.selection li:first').addClass('active').show(0, function(){
                        $i.find('.image img').addClass('tempp');
                        $(this).find('img').clone().hide().addClass('temp').appendTo($i.find('.image')).fadeIn(400, function(){
                            $i.find('.image img.tempp').remove();
                        });
                    }).trigger('dblclick');
                }
            });
        });

        $i.find('.selection li.active').trigger('dblclick');
    });     
};
})(jQuery);

必须承认,那是一个非常混乱,但我不知道为什么那个代表不工作......

有什么想法吗?

P.S。我有一个基于相同技术的dblclick的不同插件,它可以完美地工作,除了它没有用find();进行项目选择,我感觉这是引起问题的因素,但我不知道更换它。

提前致谢!

1 个答案:

答案 0 :(得分:3)

您必须在要附加事件的项目的父级上调用委托。 而不是:

$i.find('.selection li').delegate('.active' ...

你应该做

$i.find('.selection').delegate('li.active'