Jquery rateIt插件不工作

Question

我在我的骨干项目中使用Jquery rateIt插件。

我正在使用它的AJAX示例部分。

我能看到图像加载没有呼叫经历和没有任何反应，一段时间后得到错误像

“遗漏的类型错误：对象rateAnswer有没有方法‘应用’”

这里是我的JS

define(['jquery', 'underscore', 'backbone', 'text!tpl/questionnaire.html', 'Collection/cAppCollection', 'Models/mAppModel', 'jqueryRateIt'], 
function($, _, Backbone, questionnaireTpl, appCollection, appModel, jqRateIt) { 

var questionnaire = Backbone.View.extend({ 

    el : '.row', 
    template : _.template(questionnaireTpl), 

    initialize : function(e) { 

     $('.hero-unit').css('display','none'); 
     this.render(e); 
    }, 
    //this renders my template 
    //on success of response , loads response than call rateit() function than bind rated and reset to function rateAnswer 
    //but here no call fo rateAnswer 
    render : function(e) { 

      var elem = this.$el, 
       temp = this.template, 
       appCollectObj = new appCollection(); 

       appCollectObj.fetch({ 
        data: $.param({subject: e.id}), 
        success: function(model, response) { 
          $(elem).html(temp({model:response})); 
          $('div.rateit').rateit(); 
          $('#products .rateit').bind('rated reset', 'rateAnswer'); 
          }, 
        error: function() { 
          console.log('Failed to fetch!'); 
          } 
       }); 

    }, 

    rateAnswer : function(){ 

       var ri = $(this), 
       appCollectObj = new appCollection(); 


       var value = ri.rateit('value'); 
       var questionId = ri.data('productid'); 

       appCollectObj.fetch({ 
        data: $.param({questionId : questionId, value : value}), 
        success: function(model, response) { 
          $('#response').append('<li>' + data + '</li>'); 
          }, 
        error: function() { 
          $('#response').append('<li style="color:red">' + msg + '</li>'); 
          } 
       }); 
    } 
    }); 

    return questionnaire; 
}); 

和HTML部分是

<div id="products"> 
     <ul> 
      <li> 
      RateIt: <div data-productid="<%= elem.id %>" class="rateit"></div> 
      </li> 
     </ul> 
     <ul id="response"></ul> 
     </div> 

here the link to RateIt plugin example

Answer 1

错误消息是一个典型的事件绑定不正确完成...（试图调用适用于非函数的东西）。

$('#products .rateit').bind('rated reset', 'rateAnswer'); 

我从来没有见过这样的语法，你在文档中看到你可以给一个字符串而不是函数参数？

在这里，你要绑定到一个函数，你的回调之外，所以appCollectObj.fetch之前，添加类似：

var thisView = this; 

那么它可能应该是：

$('#products .rateit').bind('rated reset', thisView.rateAnswer); 

而且你可能会遇到问题，因为事件处理程序中的这个将不会按照你的预期工作......所以你可以用$ .proxy（或_.underscore中的_.bindAll ...）打包你的rateAnswer：

$('#products .rateit').bind('rated reset', $.proxy(thisView.rateAnswer, thisView));