Question

我想点击.close删除.status-profile，但click()不起作用。我认为这个问题可能是一个接近于类状态配置文件的类。

我的HTML：

<div class="status-profile">
<div class="message">
    <span>You should complete your <b>profile.</b></span>
</div>
<div class="close">
    <i class="icon-cancel"></i>
</div>
<div id="bar" class="progress">
    <div class="progress-bar" role="progressbar" aria-valuenow="{res}" aria-valuemin="0" aria-valuemax="100" style="width: {res}%">
    </div>
</div>

我的js：

$('.status-profile .close').click(function()
    {
        console.log("close");
        status = 100;
        $(".status-profile").remove();
    });

感谢所有

问题解决了：问题是html是通过ajax调用加载的，而类关闭还没有在DOM中...谢谢

Answer 1

您必须订阅document.ready中的click事件：

$(function(){
    $('.status-profile .close').click(function(){
        console.log("close");
        status = 100;
        $(".status-profile").remove();
    });  
});

点击“关闭”：

JSFiddle

Answer 2

这是您正在使用的确切HTML吗？如果是这样，

<div class="status-profile">

缺少其结束标记，这会阻止jQuery按预期工作。

添加另一个

</div>

在最后，看看是否有帮助。

Answer 3

当js代码执行dom don t prepare and $('.status-profile div.close') can t find和element时 $（文件）。就绪（函数（）{ dosometh }）

我想删除一个元素，但click（）不起作用

3 个答案: