我有一个页面,上面有3个标签。第一个选项卡有几个带有“cancelBtn”类的取消图像。
<img src="images/cancel.gif" alt="Cancel Order" class="cancelBtn" id="49" />
页面第一次加载click事件时,如果我离开frist选项卡并返回click事件则不会触发。每次单击选项卡时,将从服务器检索选项卡上使用的html,包括取消按钮。
有没有人知道为什么只在页面加载时才触发事件?感谢
$(function () {
$(".cancelBtn").click(function () {
alert('hello');
$.ajax({
type: "POST",
url: "Default.aspx/CancelOrder",
data: "{}",
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function (msg) {
$("#divResult").html(msg.d);
}
});
});
});
答案 0 :(得分:1)
每次单击选项卡时,都会从服务器检索选项卡上使用的html,包括取消按钮。
click()
事件仅将函数分配给调用它时存在的元素。使用live
将事件绑定到“future”元素。
$(".cancelBtn").live("click", function() {