javascript - 使用Jquery非触发事件

Question

我在使用 jquery 时遇到了一个奇怪的问题。我在隐藏的 div 中有一个 div 。我的脚本中的第一个事件包括单击一个按钮，将隐藏的 div 内的 div 附加到 DOM 中的 div 中。在此阶段，chrome 检查器可以正确检测到新的 div apoending。但当我点击它时，什么也没有发生。代码如下:

<div id="toappend" class="class">to append to</div>
<button>button</button>
<div class=invisible>
    <div id="id">hello world</div>
</div> 

<script>

    $('button').click(function{
        $('#toappend').append($('#id'));
    }); 

    $('#id').click(function{
        $('.class').removeClass();
    });
</script>

Answer 1

您的函数出现语法错误:

$('button').click(function{
$('#id').click(function{
//                     ^------------ missing ()

应该是:

$('button').click(function (){
$('#id').click(function (){
//                      ^ ------------- Here they are.

如果您查看控制台，您会看到那里的错误。

Live DEMO