Backbone.js 主干和twitter引导popover

这是一个非常类似的问题，但答案似乎不符合我的需要

我希望将一个twitter引导弹出框绑定到我的一个视图中，但不确定我该怎么做

events : {      
    "hover .info" : "showDetails",      
},
render : function(){        
    var content = this.template.tmpl(this.model.toJSON());
    $(this.el).html(content);       
    return this;
},
showDetails : function() {

    this.$(".info").popover({title: 'Hello', content: 'World'});    
    this.$(".info").popover('show');        
    console.log(this.model.get('description'));
},

我的模板看起来像

<script type="text/template" id="item-template">
  <div class="well listitem" style="padding: 14px 19px;">
    <div class="row show-grid" title="Irregular three column layout">
      <div class="span6">${heading}</div>
      <div class="span1">${price}</div>
      <div class="span1"><button class="btn info">Details</button></div>        
    </div>
  </div>
</script>

因此，我试图在鼠标进入按钮时在弹出窗口中显示一些文本，在鼠标离开时消失-但是在鼠标悬停时

弹出窗口的标题为“未定义” 鼠标离开时，它将保持在原位。

---

我认为我没有正确绑定，但如果有人能看到我的错误，那就太好了。

问题是Jquery hover事件需要两个回调函数，一个用于mouseenter，一个用于mouseleave。在您的情况下，您只传递一个函数，该函数将调用mouseenter并打开popover。从：

调用$selector.hoverhandlerIn，handlerOut是以下内容的简写： $selector.mouseenterhandlerIn.mouseleavehandlerOut

因此，这样更改代码将解决第二个问题：

events : {      
    "mouseenter .info" : "showDetails", 
    "mouseleave .info" : "hideDetails"     
},
render : function(){        
    var content = this.template.tmpl(this.model.toJSON());
    $(this.el).html(content);       
    return this;
},
showDetails : function() {

    this.$(".info").popover({title: 'Hello', content: 'World'});    
    this.$(".info").popover('show');        
    console.log(this.model.get('description'));
},
hideDetails : function() {
    this.$(".info").popover('hide');   
},

---

问题是Jquery hover事件需要两个回调函数，一个用于mouseenter，另一个用于mouseleave。在您的情况下，您只传递一个函数，该函数将调用mouseenter并打开popover。从：

调用$selector.hoverhandlerIn，handlerOut是以下内容的简写： $selector.mouseenterhandlerIn.mouseleavehandlerOut

因此，这样更改代码将解决第二个问题：

events : {      
    "mouseenter .info" : "showDetails", 
    "mouseleave .info" : "hideDetails"     
},
render : function(){        
    var content = this.template.tmpl(this.model.toJSON());
    $(this.el).html(content);       
    return this;
},
showDetails : function() {

    this.$(".info").popover({title: 'Hello', content: 'World'});    
    this.$(".info").popover('show');        
    console.log(this.model.get('description'));
},
hideDetails : function() {
    this.$(".info").popover('hide');   
},

---

谢谢-工作很愉快。仅供参考，对于任何做类似事情的人，标题和内容应该是函数而不是文本，例如popover{title:function{return'Hello'}；谢谢-工作很愉快。仅供参考，对于任何做类似事情的人，标题和内容应该是函数而不是文本，例如popover{title:function{return'Hello'}；