Jquery奇怪的标签<a>事件函数

Question

我正在使用metronic开发CMS，并进行了一些修改。我对jquery有一个奇怪的问题。

我的html语法如下：

    <div id="remove">
    <a href="#" class="btn fileupload-exists" data-dismiss="fileupload" id="remove_img_127">Remove</a>
    </div>

然后，我在Jquery中对点击事件函数进行了如下编码：

$("#remove a[id='remove_img_127']").live('click',function(){
    
    alert('test1');
});

奇怪的是，当使用锚标签的另一个按钮——比如"显示图片"按钮——点击时，它也触发了我上面编码的点击事件功能。仅供参考，这个"显示图片"按钮显示一个html页面，该html语法

    <div id="remove">
    <a href="#" class="btn fileupload-exists" data-dismiss="fileupload" id="remove_img_127">Remove</a>
    </div>

在页面内部。

我试过很多东西，但它们仍然具有触发点击事件的功能。

你们有同样的问题吗？如何解决？

感谢

Answer 1

我建议您在上使用，而不是使用live。

$("#remove #remove_img_127").on('click',function(e){
  e.stopPropagation();
  alert('test1');
});

谨致问候。

Answer 2

我的"显示图片"按钮的HTML语法如下：

<a class="btn mini green-stripe btn-show-picture" ref="17">
    Show Picture
</a>

此"显示图片"按钮触发显示此表单：

<div class="portlet box blue" id="form_add_1" style="display:none;">
<form enctype="multipart/form-data" method="post" class="horizontal-form" id="form1">
.........
<div id="remove">
    <a href="#" class="btn fileupload-exists" data-dismiss="fileupload" id="remove_img_127">Remove</a>
</div>
......
</form>
</div>

"显示图片"按钮触发了Jquery语法：

$(".btn-show-picture").live('click', function(){
	$("#form_add_1").show();
  
});

每当我点击"显示图片"按钮时，它也会触发删除点击事件功能

$("#remove a[id='remove_img_127']").live('click',function(){
    
    alert('test1');
});