Jquery在加载的文件中执行Jquery脚本

我对此有问题。 我用jQuery从另一个文件加载了一个div

$(document).ready(function(){
    $( "#main_content" ).load( "/load-file.php #content" );
});

在这个加载的文件中有更多jQuery：

    <div id="button"></div>
    <script>
        $(document).ready(function(){
             $("#button").click function(){
                alert('clicked');
            });
        });
    </script>

$（文档）.ready（函数（）{
$（“#按钮”）。单击函数（）{
警报（“点击”）；
});
});

但是这个点击功能不起作用，我不知道该怎么办。

首先，你有一个打字错误

$("#button").click function(){
  alert('clicked');
});

它应该是（后面的起始括号。单击）

但是你应该试着去做

$("#button").on('click',function(){
  alert('clicked');
});

---

我试着把它放在加载到的文件中，也放在另一个文件中，但它不起作用。

$("#button").on('click',function(){
  alert('clicked');
});