Question

我可以使用嵌套的jquery.proxy吗？

var obj = {
    init: function(element){
        element.on('click.mynamespace',$.proxy(function (event) {
          $(event.currentTarget).animate({
             scrollLeft: scrollPos
          }, width, $.proxy(this.myFunction,this));
        },this))
    },
    myFunction: function(){
        /*some code*/
    }
}

这就是我的项目所需要的。我使用嵌套的$ .proxy来使代码工作。因为myFunction中需要this个上下文，这是jquery animate api的回调函数。我可以这样使用吗？

Answer 1

它应该有效，但我建议在外部范围内存储对象的引用将是一个更优雅的解决方案。请注意此示例中_obj的定义和用法：

＆＃13;

var scrollPos = 10;
var width = 20;
var obj = {
  init: function($element) {
    var _obj = this;
    
    $element.on('click.mynamespace', function(e) {
      $(this).animate({
        scrollLeft: scrollPos
      }, width, _obj.myFunction.call(this));
    });
  },
  myFunction: function() {
    // this function now executes within the context of the
    // element which has been animated in the click handler
    console.log(this.id);
  }
}

var $foo = $('#foo');
obj.init($foo);
$foo.trigger('click.mynamespace');

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="foo"></div>

＆＃13;

我可以使用嵌套的jquery.proxy

1 个答案: