.on（）沒有在ajax加載的頁面上工作

Question

我的soft.php代碼

<!DOCTYPE html>
<html>
<head><style>
</style>
<script src="jquery.js"></script>
<script>
$(function(){
$("button").on("click",function(){alert("f");});
$("div").on("click",function(){
$("span").load("check.php");
});

});</script></head><body>
<div>Click</div>
<button>eaf</button><span></span>
</body></html>

和check.php代碼

<body>
<button>Hello</button>
</body>

我想通過點擊按鈕來提醒f，該按鈕是通過ajax加載的，它與.live（）工作正常。 但是有人告訴我.on（）可以用來代替live。但是.on（）在這里不起作用。解決方案

Answer 1

$('body').on("click", "button", function(){
    alert("f");
});

當您在頁面加載后將button添加到DOM時，您需要使用委托事件。

最好使用其他選擇器代替body 。

你可以使用多個選擇器，如下面的：

$('body').on("click", "button, div", function(){
    alert("f");
});

閱讀.on()

.on（）沒有在ajax加載的頁面上工作

問題描述

1 個解決方案

解決方案1
7 已采納 2012-06-06 11:25:11

.on（）沒有在ajax加載的頁面上工作

問題描述

1 個解決方案

解決方案1 7 已采納 2012-06-06 11:25:11

解決方案1
7 已采納 2012-06-06 11:25:11