准备好文档后使用选择器的问题

时间:2019-06-18 23:08:54

标签: javascript php jquery

我正在使用.load()作为php文件获取数据 当选择器获取值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,但无法正常工作

1 个答案:

答案 0 :(得分: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);

  });
});