Jquery Asp.net MVC 3 RC2中的部分视图
我在玩MVC 3的游戏,在正确显示部分视图时遇到了麻烦 我的困境是: 在我的主页/索引视图中,我有一个到我的控制器/操作的操作链接,Post/Create: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(“创建帖子”、“创建”、“发布”) 我的创建视图是一个局部视图,具有标
<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);
});
});