Jquery Asp.net MVC 3 RC2中的部分视图

Jquery Asp.net MVC 3 RC2中的部分视图,jquery,asp.net-mvc-3,Jquery,Asp.net Mvc 3,我在玩MVC 3的游戏,在正确显示部分视图时遇到了麻烦 我的困境是: 在我的主页/索引视图中,我有一个到我的控制器/操作的操作链接,Post/Create: <p> @Html.ActionLink("Create Post", "Create", "Post") </p> <div id="PostCreation"> </div> @ActionLink(“创建帖子”、“创建”、“发布”) 我的创建视图是一个局部视图,具有标

我在玩MVC 3的游戏,在正确显示部分视图时遇到了麻烦

我的困境是:

在我的主页/索引视图中,我有一个到我的控制器/操作的操作链接,Post/Create:

<p>
    @Html.ActionLink("Create Post", "Create", "Post")
</p>
<div id="PostCreation">
</div>  

@ActionLink(“创建帖子”、“创建”、“发布”)

我的创建视图是一个局部视图,具有标题、内容等的基本形式:

@using (Html.BeginForm())
{
    <div>
        <fieldset>
            <legend>Post Creation</legend>

            <div class="editor-label">
                @Html.LabelFor(m => m.PostTitle)
            </div>
            <div class="editor-field">
                @Html.TextAreaFor(m => m.PostTitle)
            </div>
            <p>
                <input type="submit" value="Publish" />
            </p>
        </fieldset>
    </div>
}
@使用(Html.BeginForm())
{
后期创作
@LabelFor(m=>m.PostTitle)
@Html.TextAreaFor(m=>m.PostTitle)

}
我在我的_Layout.cshtml文件中添加了一些jQuery,以捕获对属性的点击:

<script type="text/javascript">
      $(document).ready(function () {
          $('a').live('click', function () {
              $.get($(this).attr('href'), function (html) {
                  $('#PostCreation').html(html);
              });
          });
      });
</script> 

$(文档).ready(函数(){
$('a').live('click',函数(){
$.get($(this.attr('href'),函数(html){
$('#post creation').html(html);
});
});
});
然后单击应该更新主视图/索引视图中的PostCreation div

使用firebug,我发现当我一步一步地执行jQuery时,ParialView确实会在Home/Index中正确呈现,但一旦我完成jQuery函数,它就会呈现一个只显示Post/Create表单的整个新页面


感谢您的帮助。谢谢。

您需要取消jQuery中的导航

尝试将您的
.live()
签名更改为:

          $('a').live('click', function (e) {
              e.preventDefault();
              $.get($(this).attr('href'), function (html) {
                  $('#PostCreation').html(html);
              });
          });