2

我习惯做这样的事情：

$(some_elements)
   .filter(function() { return $(this).jqmData("locked") !== true; })
       .jqmData('locked', true )
       .each( function(){
         // stuff
       });

所以我的过滤器调用会选择所有“解锁”的元素，在它们上运行一个函数并将它们锁定，所以下次它们被排除在外。

现在我正在尝试在小部件工厂函数中使用这个过滤器：

...
_create: function() {
    var self = this;
    self.refresh( true );
},

refresh: function ( create ) {
...
    $filter
        .submit( function( e ) {
            e.preventDefault();
            search.blur();
        })
        .bind( "submit", function() {
            return false;
        })
        .filter(function() { return this.getAttribute( "data-override" ) !== false; })
            .find( "input" )
                .bind( "keyup change input", self.filter( e, kids ) )
                .end()
            .end()
        .prepend( o.target || $( container ) );
},
...

当我在这里使用它时，对filter()重新触发我的_create函数的调用，我不知道为什么。如果我离开过滤器，一切正常，所以它必须在我的过滤调用中。

问题：
我在 filter() 函数中做错了什么？

编辑：
所以这不是链接但有效：

 $filter
    .submit( function( e ) {
        e.preventDefault();
        search.blur();
    })
    .prependTo( $( o.target ) || $( el ) );

 if ( $(this).jqmData("override") === false ) {
    $filter
        .find( "input" )
        .bind( "keyup change input", function() {
            self.filter( e, kids );
        });
 }

虽然这不会（重新触发_create）：

$filter
    .submit( function( e ) {
        e.preventDefault();
        search.blur();
    })
    .filter( function() {
        console.log($(this).data("override"))
        return $(this).data("override");
    })
    .find("input")
        .bind( "keyup change input", function() {
            self.filter( e, kids );
    })
    .end()
    .end()
    .prependTo( $( o.target ) || $( el ) );
4

1 回答 1

1

这两个事件处理程序完全相同：

.submit( function( e ) {
        e.preventDefault();
        search.blur();
    })
    .bind( "submit", function() {
        return false;
    })

这个立即执行函数并返回结果：

.bind( "keyup change input", self.filter( e, kids ) )

并且可能应该是：

    .bind( "keyup change input", function() {
       self.filter( e, kids );
    })
    .end() ....

你最终会得到：

$filter.on('submit',function (e) {
    e.preventDefault();
    search.blur();
}).filter(function() {
    return $(this).data("override");
}).find("input").on('keyup change input', function() {
    self.filter(e, kids);
}).end().end().prepend(o.target || $(container);

或者

$filter.prependTo(o.target || $(container)
       .on('submit',function (e) {
           e.preventDefault();
           search.blur();
     }).filter(function() {
           return $(this).data("override");
     }).find("input")
       .on('keyup change input', function() {
           self.filter(e, kids);
 });
于 2013-03-24T17:47:49.097 回答