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中对click事件函数编码如下：

$("#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

我建议您使用 on 而不是 live 。

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

问候。

Answer 2

我的＆＃34;显示图片＆＃34;按钮具有以下HTML语法：

＆＃13;

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

＆＃13;

这＆＃34;显示图片＆＃34;按钮触发器显示此表单：

＆＃13;

<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>

＆＃13;

＆＃34;显示图片＆＃34;按钮触发了这个Jquery语法：

＆＃13;

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

＆＃13;

每当我点击“显示图片”时按钮，它还触发了删除点击事件功能

＆＃13;

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

＆＃13;

Jquery奇怪的标签<a> event function</a>

2 个答案: