jquery - 从 mvc3 中的 ajax 加载部分 View 触发 jquery

Question

我正在使用 ajax 将部分 View 加载到主视图中，但很难让 jquery 在部分 View 中触发。

基本上，我试图允许加载包含一个按钮的部分 View ，该按钮允许我打开一个对话框窗口。

我的部分 View 包含这一小段js

    <script type="text/javascript">
    $(document).ready(function () {
        alert('ready');
        $('#edit-note').click(function () {
            //$('#dialog').dialog('open');
            alert("alert displayed from jquery");
        });
    }); 

</script>

但是它从未被解雇。

我需要做什么才能使 jquery 在动态加载的部分 View 中工作？

Answer 1

以 $('#edit-note').click(function () { 开头的代码会在文档准备就绪时运行。此时，您还没有运行加载了您的部分 View ，因此 $('#edit-note') 是一个空集合。

jQuery 允许您通过其 live 将事件绑定(bind)到页面上尚未出现的元素。方法:

$('#edit-note').live('click', function () {
    alert("alert displayed from jquery");
});