javascript – 在BackBone视图中放置JQuery(设置：通过CSS的可见性)的位置

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 在BackBone视图中放置JQuery(设置：通过CSS的可见性)的位置，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1633字，纯文字阅读大概需要3分钟。

内容图文

我认为这个问题最终归结为我应该放置JQuery代码的地方,我不确定backbone.js.

我有一个嵌套的div：

<div>Parent
  <div class='pull-right remove-measure-btn'>Child</div>
</div>

而且我希望孩子只在父母被徘徊时显示.

所以我可以使用这个代码(父Backbone.View.extend的render()中的func()内的顶行：

render: function():
....
 $(this.el).hover(
      function() {
          $('.remove-measure-btn').show();
          // $('.remove-measure-btn').css('visibility' : 'visible');
      },
      function() {
          $('.remove-measure-btn').hide();
          // $('.remove-measure-btn').css('visibility' : 'hidden');
      }
  );
....
return this;
}, 

但这只是切换显示,因为我使用Bootstrap并利用.pull-right,我需要切换CSS’：可见性,而不是显示：当不可见时保持子div的高度到位.因此,如果我使用上面代码块中的第二行,我会得到一个未定义的错误,因为编译的模板已经返回(我认为……).

那么我在哪里放置JQuery来改变CSS可见性,或者如何更改渲染以容纳代码呢？

笔记：

>这些“父母”和“孩子”div中有很多.
>我假设最好使用带有this.el的选择器直接绑定交互,而不是使用几个全局document.ready(),但也许我不知道实现它的“安全/好”方法使用这种方法

解决方法:

正如chcrist所说,“Backbone”这样做的方法是使用events hash：

var MyView = Backbone.View.extend({

    events: {
      'mouseenter': 'showChild',
      'mouseleave': 'hideChild'
    },

    render: function () {
      //...
    },

    showChild: function () {
      $('.remove-measure-btn').css({'visibility' : 'visible'});
    },

    hideChild: function () {
      $('.remove-measure-btn').css({'visibility' : 'hidden'});
    }

});

另外,我假设这是一个拼写错误,但这段代码错了：

$('.remove-measure-btn').css('visibility' : 'hidden');

您可以传递一个对象(一个或多个样式属性)：

$('.remove-measure-btn').css({'visibility' : 'hidden'});

或传递一个属性/值对：

$('.remove-measure-btn').css('visibility', 'hidden');

内容总结

以上是互联网集市为您收集整理的javascript – 在BackBone视图中放置JQuery(设置：通过CSS的可见性)的位置全部内容，希望文章能够帮你解决javascript – 在BackBone视图中放置JQuery(设置：通过CSS的可见性)的位置所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端