Javascript 表内的jQuery mobile和href链接不起作用

Javascript 表内的jQuery mobile和href链接不起作用,javascript,jquery,html,ajax,jquery-mobile,Javascript,Jquery,Html,Ajax,Jquery Mobile,我正在使用jQuery mobile并使用ajax填充一个表,其中一个字段是a href,我正在为其分配一个类,以在屏幕上显示警报,它不会触发任何内容: 我尝试使用双引号和单引号,但没有成功: 双引号: $("#table1").append("<tr><td><a href='#' class='linkTest'>" + element.field1 + "</a></td><td>" + element.field2

我正在使用jQuery mobile并使用ajax填充一个表,其中一个字段是a href,我正在为其分配一个类,以在屏幕上显示警报,它不会触发任何内容:

我尝试使用双引号和单引号,但没有成功:

双引号:

$("#table1").append("<tr><td><a href='#' class='linkTest'>" + element.field1 + "</a></td><td>" + element.field2 + "</td><td>" + element.field3 + "</td></tr>");
$("#table1").append('<tr><td><a href="#" class="linkTest">' + element.field1 + '</a></td><td>' + element.field2 + '</td><td>' + element.field3 + '</td></tr>');
表已正确填充,但单击时未显示警报。如果我在表外添加一个按钮,它会起作用:

<a href="#" class="linkTest"> TEST </a> 


谢谢你的帮助,谢谢

$(“.linkTest”)。单击()
不会应用于随后添加的任何动态创建的元素。执行
$(“.linkTest”)。在添加动态内容后单击()
,或将事件绑定到包含元素,例如
$('body')。on('click','.linkTest',function(){})

因为链接是动态添加到DOM的,所以单击事件将不起作用

这正是你想要的,而且 还必须防止超链接的默认功能

考虑以下代码段:

$("#table1").on('click','.linkTest', function(e){
    e.preventDefault();//for prevent default redirect
    alert("It works");
});

它起作用了!谢谢也许我必须为此创建另一个线程,但是,有没有办法获取该值并将其显示在javascript警报中?谢谢我只是通过使用:alert($(this.nexist('tr').find('td:eq(0)')).text()来实现它;要显示第一列值,谢谢!您可以将单击绑定到文档,使其始终处于侦听状态。您不需要包括href=“#”--
$("#table1").on('click','.linkTest', function(e){
    e.preventDefault();//for prevent default redirect
    alert("It works");
});