Jon*_*ark 2 backbone.js twitter-bootstrap marionette
我正在构建一个Backbone.Marionette webapp.我正在使用Twitter Bootstrap作为UI元素.
我想在我的一个视图中使用工具提示模块.
模板
<a href="#" class="hepsock" data-toggle="tooltip" title="first tooltip">Tooltip</a>
Run Code Online (Sandbox Code Playgroud)
风景
class List.User extends App.Views.ItemView
template: "users/list/templates/_user"
tagName: "div"
className: "item"
onBeforeRender:
$('a').tooltip()
Run Code Online (Sandbox Code Playgroud)
使用此设置时工具提示未激活/不工作但我没有错误.
但是,如果我将此代码直接包含在模板文件中,我会得到工具提示.
<script type="text/javascript">
$(document).ready(function() {
$('a').tooltip();
});
</script>
Run Code Online (Sandbox Code Playgroud)
如何在视图中调用/激活bootstrap模块?
感谢所有输入!
@bryanbuchs是对的.这是一个有效的例子.
http://jsfiddle.net/puleos/L6nzS/
var ToolView = Backbone.Marionette.ItemView.extend({
template:"#tool-template",
tagName: "span",
onRender: function() {
this.$el.find('a').tooltip();
}
});
Run Code Online (Sandbox Code Playgroud)
| 归档时间: |
|
| 查看次数: |
1468 次 |
| 最近记录: |