Jquery mvc2。当我在下拉列表中更改选择时，我的页面会跳到右侧_Jquery_Asp.net Mvc

Jquery mvc2。当我在下拉列表中更改选择时，我的页面会跳到右侧

jquery asp.net-mvc

Jquery mvc2。当我在下拉列表中更改选择时，我的页面会跳到右侧,jquery,asp.net-mvc,Jquery,Asp.net Mvc,我使用的是嵌套母版页，这可能会也可能不会导致这里的问题。我的看法是这样的, <asp:Content ID="Content2" ContentPlaceHolderID="AdminAccountsContent" runat="server"> <% using (Html.BeginForm()) {%> <h3>Christmas Shutdown Administration</h3>

我使用的是嵌套母版页，这可能会也可能不会导致这里的问题。我的看法是这样的,

<asp:Content ID="Content2" ContentPlaceHolderID="AdminAccountsContent" runat="server">
    <% using (Html.BeginForm())
       {%>
        <h3>Christmas Shutdown Administration</h3>
        <p>Before entering the Christmas shutdown dates, make sure you have entered in the Christmas bank holidays.</p>
        <p>Select the year: <%: Html.DropDownListFor(model => model.SelectedYear, Model.YearList)%></p>
            <fieldset>
            <legend>Enter the Christmas Shutdown dates here:</legend>
            <table>
                <tr>
                    <th>Date</th>
                    <th>Day</th>
                    <th>Shutdown?</th>
                </tr>
                <% foreach (var christmasDate in Model.ChristmasShutdownList)
                   { %>
                    <% Html.RenderPartial("ChristmasShutdownSummary", christmasDate); %>
                <% } %>
               <tr>
                    <td align="center" colspan="3" style="padding-top:20px;">
                        <input type="submit" value="Create" />
                    </td>
                </tr>
            </table>
            </fieldset>
    <% } %>
           <script language="javascript" type="text/javascript">
               $(function () {
                   $("#SelectedYear").change(function () {
                       var year = $("#SelectedYear").val();
                       $("#wholepage").load("/ChristmasShutdown/Create/" + year);
                   });
               });

    </script>
</asp:Content>


圣诞节关闭管理
在输入圣诞节关闭日期之前，请确保已输入圣诞节银行假期
选择年份：model.SelectedYear，model.YearList）%>
在此处输入圣诞节关闭日期：
日期
白天
关闭？
$（函数（）{
$（“#SelectedYear”）。更改（函数（）{
var year=$（“#SelectedYear”）.val（）；
$（“#wholepage”）.load（“/ChristmasShutdown/Create/”+年）；
});
});

下拉列表在第二段中。主母版页中定义了div#wholepage

<%@ Master Language="C#" Inherits="System.Web.Mvc.ViewMasterPage" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title><asp:ContentPlaceHolder ID="TitleContent" runat="server" /></title>
    <link href="../../Content/Site.css" rel="stylesheet" type="text/css" />
    <script src="http://code.jquery.com/jquery-1.4.2.min.js" type="text/javascript"></script>
    <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/jquery-ui.js" type="text/javascript" language="javascript"></script>
    <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/themes/overcast/jquery-ui.css" 
            type="text/css" rel="Stylesheet" class="ui-theme" />
<%--    <script src="../../Scripts/jquery-ui-1.8.4.custom.min.js" type="text/javascript"></script>--%>
    <script type="text/javascript">
        $(function () {
            $(".datePicker").datepicker({ showOn: 'both', dateFormat: 'dd/mm/yy' });
        });
    </script>
</head>

<body>
    <div class="page" id="wholepage">

        <div id="header">
            <div id="title">
                <h1>Staff Holiday Planner (SHP)</h1>
            </div>

            <div id="logindisplay">
                <% Html.RenderPartial("LogOnUserControl"); %>
            </div> 

            <div id="menucontainer">
                <% Html.RenderPartial("MenuItems"); %>
            </div>
        </div>

        <div id="main">
            <asp:ContentPlaceHolder ID="MainContent" runat="server" />
            <div id="footer">
            </div>
        </di


$（函数（）{
$（“.datePicker”）.datePicker（{shown:'both'，dateFormat:'dd/mm/yy'}）；
});
员工假期规划师（上海医药）

嵌套的母版页如下所示
<%@ Master Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewMasterPage" %>
<asp:Content ID="TitleContent1" ContentPlaceHolderID="TitleContent" runat="server">
    <asp:ContentPlaceHolder ID="TitleContent" runat="server" />
</asp:Content>
<asp:Content ID="MainContent" ContentPlaceHolderID="MainContent" runat="server">
    <div id="adminAccounts">
    <table>
        <tr>
            <td> <% Html.RenderPartial("AdminAccountsMenu"); %></td>
            <td><asp:ContentPlaceHolder ID="AdminAccountsContent" runat="server" /></td>
        </tr>
    </table></div>
</asp:Content>



那么，为什么当我更改下拉列表中的选择时，页面会跳到右侧？如何停止？
MVC中的任何内容都不会导致页面跳转到右侧
这是一个javascript或html错误
你确定页面不会因为垂直滚动条出现和/或消失而跳转吗？
这可能是因为我对HTML和Javascript缺乏理解。我认为id为wholepage的DIV应该是正确的容器，可以毫无问题地重新加载页面，但事实并非如此。@arame333-因此，请询问其他问题或编辑此问题。jquery标记非常活跃，如果是与jquery相关的问题，您可能会很快得到帮助。page类的宽度为90%。所以我把“wholepage”id放在body元素上，现在它可以工作了。