javascript - Backbone.js:捕获 jQuery 插件上的自定义事件？

Question

我有一个搜索表单的主干 View 。该表单包含多个元素，其中包括 jSlider 中实现的 slider 。 。我想捕获表单的所有更改，并相应地更新显示的结果。

我可以很好地捕获点击事件，但我不知道如何捕获 jSlider 上的滑动事件 - 我知道 how to bind custom events in Backbone ，但是 jSlider seems not to have a way to bind it directly 。

这是我的 HTML:

   <form id="searchform">
   <input type="text" id="city" />
   <input type="text" id="type" />
   <input id="price-jslider" type="slider" name="price" value="1;500" />
   </form>

这是我的主干代码:

var SearchFormView = Backbone.View.extend({
    el: $('#searchForm'),
    events: {
      "click input": "updateResults",
      // how to capture slide event on jslider?
    },
    updateResults: function(e) {
      // do stuff 
    }
   });

有人对如何捕捉此类事件有任何想法吗？

Answer 1

您可以在初始化 jQuery slider 时传递 onstatechange 函数:

var SearchFormView = Backbone.View.extend({
    el: $('#searchForm'),
    render: function() {
        var self = this;
        $("#price-jslider").slider({
            onstatechange: function( value ) {
                self.updateResults();
            }
        });
    },
    events: {
      "click input": "updateResults"
    },
    updateResults: function(e) {
      // do stuff 
    }
});