當我使用 load() 方法時，加載的文件中的按鈕不起作用；主頁中的代碼；$("html").load("demo.php")demo.php中的代碼；<button id="btn">Alert</button><script>var btn = document.getElementById("btn");btn.onclick = function(){alert("Hello")}</script>當我只打開 demo.php 時該按鈕工作正常，但當我將其加載到另一個文檔中時該按鈕不起作用。有什么解決辦法嗎？當我用 body 選擇器替換 html 選擇器時，它起作用了$("body").load("demo.php")我發現了一些事情，但仍然沒有解釋原因。當我使用 Javascript 內聯時，它將在主頁中工作，如下所示；<button onclick="alert('hello')" id="btn">Alert</button>
2 回答
蕪湖不蕪
TA貢獻1796條經驗 獲得超7個贊
請嘗試插入 html 的其他元素
$("another selector").load("demo.php")添加另一個元素到您的首頁并使用該元素加載 demo.php
當您加載 demo.php 時，您將從頁面中刪除 jquery，這就是為什么您什么也得不到的原因
嘗試創建另一個元素，正如我上面提到的
$("div").load("demo.php")
慕斯709654
TA貢獻1840條經驗 獲得超5個贊
當使用不帶后綴選擇器表達式的 URL 進行調用時，內容將在刪除腳本之前.load()傳遞。.html()這會在腳本塊被丟棄之前執行它們。然而，如果.load()使用附加到 URL 的選擇器表達式來調用，腳本會在 DOM 更新之前被刪除，因此不會被執行。
所以當你打電話時：
$("#buttons").load("demo.php");
這將執行腳本塊。您可能需要考慮調整此塊以確保它可以更好地與 DOM 配合使用?？紤]以下。
<button id="btn">Alert</button>
<script>
$("#buttons").on("click", "#btn", function(e){
alert("Hello")
});
</script>
- 2 回答
- 0 關注
- 174 瀏覽
添加回答
舉報
0/150
提交
取消