Question

我有这个HTML标签（标签）

<a class="ui medium tag label m-l-1 p-r-1" href="some url">
Tag name
<i class="delete_tag delete icon"></i> <!-- to remove this tag -->
</a>

和这个javascript代码：

$('body').on('click','.delete_tag',function () {
    $(this).parent().remove();
});

但是当您尝试标记时，我会被定向到some URL，我想删除标记而不重定向，任何想法！谢谢。

Answer 1

您可以使用event.preventDefault()

描述：如果调用此方法，则为事件的默认操作不会被触发。

$('body').on('click','.delete_tag',function (event) {
    event.preventDefault()
    $(this).parent().remove();
});

Answer 2

这就是你的事后

$("#delete-on-click").on("click", function(e){
  e.preventDefault();
  $("a i.delete_tag").remove();
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a id ="delete-on-click" class="ui medium tag label m-l-1 p-r-1" href="some url">
Tag name
<i class="delete_tag delete icon">awdawdawdawd</i> <!-- to remove this tag -->
</a>

Answer 3

尝试下面的代码段。希望这会对你有所帮助。

<!DOCTYPE html>
<html>
<head>
<script>
$(document).ready(function(){
    $('.delete_tag').on('click',function () {
    $(this).parent().remove();
        return false;
});
});
</script>
</head>
<body>

<a class="ui medium tag label m-l-1 p-r-1" href="some url">
<i class="delete_tag delete icon">Tag name</i>

单击关闭图标时如何取消重定向

3 个答案: