文檔准備好后使用選擇器的問題

Question

我在獲取數據時使用.load()作為 php 文件在通過選擇器獲取null時所做的獲取null

加載代碼

    $("#tr1").load("include/test.php?page=1");

在 php 文件中

    <button  class="btn btn-success  ml-1 mr-1 btnentergame" name="btn_enter" value="154">enter the game</button>

和選擇器代碼

$(document).ready(function(){
    $(".btnentergame").click(function () {
         var valuu = $(this).val();
         alert(valuu);       
    });
});

我正在測試.on()和.bind但不起作用

Answer 1

問題是$(document).ready()不等待

$("#tr1").load("include/test.php?page=1");

要完成的。 因此，您正在向此時尚不存在的元素添加點擊偵聽器。

相反，您需要向 load 方法添加一個回調函數並在那里添加點擊偵聽器。

$("#tr1").load("include/test.php?page=1", function() {
  $(".btnentergame").click(function() {
    var valuu = $(this).val();
    alert(valuu);

  });
});