MVC Beginform action = goto anchor / id on page

时间:2012-06-20 15:21:58

标签: c# asp.net-mvc jquery-ui jquery

我有一个MVC beginform(使用JQUERY UI MOBILE和AJAX。)当用户点击提交时, 我希望**<div data-role="page" id="two">**显示在页面上。

@using (Html.BeginForm())
{

<div data-role="page" id="one">
<div data-role="header">Header stuff</div><!-- /header -->
<div data-role="content" >  
<div class="ui-body ui-body-b">
.....DATA......
<input type="submit" value="Submit" />
</div></div><div>

<div data-role="page" id="two">
<div data-role="header">Header stuff2</div><!-- /header -->
<div data-role="content" >  
<div class="ui-body ui-body-b">
FINISH
</div></div><div>



}

1 个答案:

答案 0 :(得分:1)

我刚碰到这个,发现我无法从MVC的控制器返回锚标签。因此,我从控制器传回的参数重定向用户:

if( getParameterByName("anchorID") != null) { 
    location.href = '#' + getParameterByName("anchorID");
} 

function getParameterByName(name) { 
    var match = RegExp('[?&]' + name + '=([^&]*)') 
                    .exec(window.location.search); 
    return match && decodeURIComponent(match[1].replace(/\+/g, ' ')); 

然后,您应该可以在点击提交后查看您的div。