jQuery 绑定自定义事件时触发代码

Question

JQuery 对自定义事件有很好的支持 - .bind("foo", function(e)...。但是，如果触发事件的机制尚未准备好并且必须仅在那些绑定了事件的元素？

例如，我想要一个在元素滚动到视口时触发的 scrollin 事件，为此，我需要 onscroll 。检查所有元素并trigger scrollin 在那些在视口之外但现在在视口内的东西上，这是不可接受的，

例如，其中一个插件。检查“private”$.cache 中的所有元素，并仅检查那些绑定了 scrollin 事件的元素，

但这也很丑陋，我需要的是一个额外的回调。对于绑定负责滚动管理的事件（除了用于处理的回调之外），即将元素放入某些 elementsCheckOnScroll 缓存数组中。

我正在寻找类似的东西：

$.delegateBind("scrollin", function(jqSelection) { ... });
element.bind("scrollin", function(e) {..}); //Calls ^ after internal bind management

编辑：这将是很好的API！

$.bind("bind", function(onWhat) { ... }) 

:-)

Answer 1

如果我没有误解您的意思，您可以像这样修补 bind 方法：

(function($) {
    var oldBind = $.fn.bind;

    $.fn.bind = function(name) { 
        if(name === "scrollin") {
             delegateFunction(this);
        }

        oldBind.apply(this, arguments);
    };
})(jQuery);

它的作用是检查 scrollin 是否被绑定，如果是，则调用您的委托功能。之后，它只是调用原始的绑定函数，该函数会像平常一样执行所有 jQuery 操作。

添加此代码后，您可以像这样使用它： http://jsfiddle.net/pimvdb/g4k2G/< /a>.

function delegateFunction(selection) {
    alert(selection.length);
}

$('a').bind('scrollin', function() {});

请注意，这不支持将对象文字传递给 .bind （仅 (name, func)），但您也可以实现它。

Answer 2

我发现了一个 $.event.special API，但我不知道它的公开程度。它不在文档中，并且之前至少已更改过一次。 http://benalman.com/news/2010/03/jquery-special-事件/