文件，从另一个库触发事件的submitFilterForm

Question

我在一个Rails项目中使用了Foundation 6和Filterrific。我想触发以下几点：

$(document).on('changed.zf.slider', Filterrific.submitFilterForm);

“changed.zf.slider”是基金会发布的事件。Filterrific.submitFilterForm是我想调用的函数。但是，即使我绑定到这样的事件，它也不起作用：

$(document).on('changed.zf.slider', function() { Filterrific.submitFilterForm() });

上面的代码是在浏览器中加载文件代码之后定义的。

这是different代码中的一个问题，还是应该使用不同的方法绑定到事件？

如果我简单地将原始的Filterrific.submitFilterForm方法主体复制到我的绑定中，它就能正常工作，比如

$(document).on('changed.zf.slider', function() {
  var form = $("#filterrific_filter"),
      url = form.attr("action");
      $.ajax({...

..。但感觉好像这不是正确的路？)

Answer 1

这里的棘手之处在于，Filterrific.submitFilterForm依赖于传递给它的this上下文，并查找父<form>元素。

因此，您需要使用正确的上下文调用该函数，例如：

$(document).on('changed.zf.slider', function() {
  Filterrific.submitFilterForm.call($('#filterrific_filter .slider'))
});