javascript - 使用 Jquery 的非触发事件

Question

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

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

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

现场演示