对于其中有链接列表的仪表板,如果有人单击“删除”按钮,我想执行一些操作。但是不知何故,它仅在第一个具有id =“ delete_link”的链接上作出响应。我需要进行哪些更改才能使所有lnik都可以使用此功能?
邮递区号:
if($count < 1) {
echo "There are no links in this category yet";
}
while($link = $query->fetch(PDO::FETCH_OBJ)) {
echo "<li><a href='" . $link->url . "' TARGET='_BLANK'>" . $link->title . "</a>";
if($_SESSION['role'] == '2') {
echo "<span style='float:right;opacity:0.85;' class='glyphicon glyphicon-pencil'></span><span style='float:right;opacity:0.85;margin-right:10px;' id='delete_link' data-linkid='" . $link->id . "' class='glyphicon glyphicon-remove'></span>";
}
echo "</li>";
}
echo "</ul>
</div>
</div>";
}
jQuery:
$(document).ready(function(){
$('#delete_link').click(function(){
var dataId = $(this).data('linkid');
var confirmDelete = confirm("Are you sure you want to delete this link?");
if(confirmDelete == true) {
alert(dataId);
// $.ajax({
// type: "POST",
// url: "delete_link.php",
// data: ""
// })
}else {
alert("FALSE");
}
});
});
提前致谢!
使用下面的代码。将类“ delete_link”分配给元素而不是ID。
echo "<span style='float:right;opacity:0.85;' class='glyphicon glyphicon-pencil'></span><span style='float:right;opacity:0.85;margin-right:10px;' class='delete_link' data-linkid='" . $link->id . "' class='glyphicon glyphicon-remove'></span>";
id在DOM中必须是唯一的。因此,事件仅适用于具有相同ID的i元素。
您还需要检查事件委托以将事件附加到动态创建的元素。事件委托使我们可以将单个事件侦听器附加到父元素,该元素将为与选择器匹配的所有后代触发,无论这些后代现在存在还是将来添加。
$(document).ready(function(){
$(document).on('click','.delete_link',function(){
var dataId = $(this).data('linkid');
var confirmDelete = confirm("Are you sure you want to delete this link?");
if(confirmDelete == true) {
alert(dataId);
// $.ajax({
// type: "POST",
// url: "delete_link.php",
// data: ""
// })
}else {
alert("FALSE");
}
});
});
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句