我有这个简单的 div:
<div id="mainContent">
</div>
它是空的。现在我正在尝试附加这个HTML
到上面的div:
<div id="mainContent">
<label>Project Name</label>
<input type="text" id="projectName" data-bind="value: projectName"/>
<label>Tracker Name</label>
<input type="text" id="trackerName" data-bind="value: trackerName"/>
</div>
<button type="submit" data-bind="click: submitNewProject">Submit</button>
通过使用:
$.ajax({
type : 'POST',
url : 'newTracker.php',
dataType : 'html',
success : function(data){
$("#mainContent").html(data);
},
error : function(XMLHttpRequest, textStatus, errorThrown) {
alert('Something is wrong!');
}
});
Where data
is the HTML
我试图通过以下方式分配:$("#mainContent").html(data);
乍一看,一切看起来都很漂亮,但有一个问题 - 绑定不起作用。
我的意思是在新分配的HTML
我有一个按钮应该调用视图模型函数,但它没有......
但如果我将代码直接放在 div 内部,绑定就会像魅力一样工作。
为什么当我分配新的出价时,我的出价不起作用HTML
div里面的代码?我知道我在这里遗漏了一些非常小的和基本的东西,但我无法发现它。
EDIT:
按钮事件:
submitNewProject = function(){
console.log("submit new project");
};