Question

我正在使用jquery聊天头，在聊天头的角落里有＆＃34; X＆＃34;签署以删除聊天头，当点击＆＃34; X＆＃34;这是button它还会激活聊天头div .. 聊天头的结构就像

<div class="name_right">

<button class="close_chat_in">X</button>

</div>

这里是fiddle，请看一下并建议我采取正确的方式来执行此类操作。虽然这适用于静态元素但是当我通过ajax加载元素或通过追加添加元素时它不起作用。看看小提琴清楚这一点。

由于

Answer 1

请为您的问题添加更多代码，但是，请更改：

$("body").on("click", ".close_chat_in", function () {

要

$("body div.name_right").on("click", ".close_chat_in", function () {

这只会将听众移动到你的div中，而不是整个身体内，因此它不会同时解雇另一个听众。

Answer 2

试试这个Fiddle。单击X后，您需要停止事件的传播。

关闭聊天JS功能：

$("body").on("click", ".close_chat_in", function (ev) {
        $(this).parent(".name_right").remove();
        alert("i am suppose to remove this chat head");
        $('body').append("<div class='name_right'><span/n/ style='border-radius:100%;margin:0px;padding:0px;color:black;background:#F78F1E;'></span>\n\<button class='close_chat_in' id=''>&nbsp;X&nbsp;</button></div>");
        ev.stopPropagation();
    });

Jquery冲突点击

2 个答案: