在骨干網視圖中添加下拉菜單
[英]Adding Drop down in Backbone view
問題描述
我正在嘗試在后骨骼視圖中添加一個簡單的下拉菜單（我正在使用jquery在我的渲染方法中創建）。 我可以看到選項列表（控制台）正在生成，但是沒有追加到主#container div中。
<html>
<head>
<script type="text/javascript" src="jquery-1.11.3.js"></script>
<script type="text/javascript" src="underscore-min.js"></script>
<script type="text/javascript" src="backbone.js"></script>
<script>
var DropdownView = Backbone.View.extend({
el: "#container",
initialize: function()
{
this.render();
},
render : function()
{
var data = ['volvo','mercedes','audi'];
var options = $("<select>");
options.attr({"id" : "drpdwn"});
var selectOption = $('<option>').val("select").text('select');
options.append(selectOption);
_.each(data,function(val){
var option = $('<option>').val(val).text(val);
options.append(option);
})
console.log(options);
console.log(this.$el);
this.$el.html(options);
}
});
var view = new DropdownView ();
</script>
</head>
<body>
<div id="container">
</div>
</body>
</html>
1 個解決方案
解決方案1
2 已采納 2015-06-29 13:58:01
構造DropdownView時，DOM中不存在#container 。
將腳本移到</body> 。
由於您已經在使用jQuery，因此還可以使用
$(document).ready()
在骨干網視圖中編寫一個下拉菜單
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.