Javascript 表内的jQuery mobile和href链接不起作用
我正在使用jQuery mobile并使用ajax填充一个表,其中一个字段是a 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
$("#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");
});