如何使用 jquery 选项卡、ajax 和动态内容页面？回发回到主页而不是内容页面答案

【问题标题】：How can I use jquery tabs, ajax, and dynamic content pages? Postback goes back to main page instead of content page如何使用 jquery 选项卡、ajax 和动态内容页面？回发回到主页而不是内容页面
【发布时间】：2010-12-22 14:46:47
【问题描述】：

问题：回发会导致 eventtarget 错误，因为它们会返回到定义选项卡的 aspx 页面，而不是返回到 href 页面。

我有一个名为 Default.aspx 的主页。上面是使用 ajaxoptions 的 jquery 选项卡的设置。

用于标签的 Default.aspx javascript：

<script type="text/javascript">
       // Tabs
  $(function () {
      $("#tabs").tabs({
          ajaxOptions: {
              error: function (xhr, status, index, anchor) {
                  $(anchor.hash).html(
  "Couldn't load this tab. We'll try to fix this as soon as possible. ");
              }
          }

      });
  });

      </script>

在Default.aspx中制作标签的代码：

<div id="tabs">
<ul>  
    <li><a href="main.aspx"><span>Properties</span></a></li> 
    <li><a href="lists.aspx"><span>Edit Lists</span></a></li></ul></div>

在 lists.aspx 页面上，我有一些控件，例如带有 onselectedIndexChanged 事件设置为回发的下拉菜单。问题是回发到 Default.aspx 而不是 lists.aspx。处理回发的代码写在 lists.aspx.cs 中。

<asp:DropDownList ID="ListsDropDownList" runat="server" AutoPostBack="true"  OnSelectedIndexChanged="ListsDropDownList_OnSelectedIndexChanged"></asp:DropDownList>

在lists.aspx 的页面加载期间填充下拉列表。我怎样才能让回发转到lists.aspx 而不是回到Default.aspx？我尝试使用 IFrame，它非常适合回发问题，但不适用于页面的动态加载。它预先加载了所有页面，这不好。

非常感谢任何帮助。我知道这必须是可能的，否则任何使用 jquery 和 asp.net 的人都会有一个巨大的后端 .cs 文件。

【问题讨论】：

标签： c# asp.net jquery ajax postback

【解决方案1】：

在标签点击时使用 javascript 设置 iframe 的 src 属性，这样 iframe 只会在设置 src 时加载，有点像动态加载。

【讨论】：