JQuery不能在部分视图中工作，我无法修复

Question

当我点击按钮时，jquery不能在局部视图中工作

这是代码

控制器

public PartialViewResult Chat()
    return PartialView();
}

按钮

<input id="button" type="submit">

以HTML格式呈现

<div id="test">
    @{Html.RenderPartial("Chat");}
</div>

的Javascript

$('#button').live('click', function () {
     $('#test').load('@Url.Action("Chat")');
});

Answer 1

最有可能的几个原因包括：

1. 你根本没有包含jQuery库
2. 您没有在$('#button').live()声明
中致电$(document).ready()

Answer 2

jQuery初始化是在运行时对文档中的所有匹配元素进行的。如果在初始化后动态加载局部视图，则不会自动初始化与过滤器匹配的新元素。在.load完成后，您需要再次运行jQuery初始化程序。

这也会使现有匹配元素的事件加倍，因此您需要使用容器div来运行它们以限制将受影响的元素。

$('#test').find('xxxxx').click(function.....