Question

我在JQuery应用中使用了Asp.Net/C#标签。

在this article. JQuery不在我的

之后，我正在对方法进行建模

<asp:UpdatePanel ID="UpdatePanel1"...></asp:UpdatePanel>

包装器，而html组件位于其中。

每当我单击一个按钮时，我的标签都会完全失去其CSS的样式，并且我会看到所有标签内容，而不仅仅是

<div id="current-tab">

该标签的

。

为什么会发生这种情况，我该如何解决？

我的猜测是它某种程度上与回发或更新面板有关，但是我不确定为什么在C#下添加的page_load代码不会使所选标签在{{ 1}}。

ASPX

post-back

C＃

<link href="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.9/themes/start/jquery-ui.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script src="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.9/jquery-ui.js" type="text/javascript"></script>
<script type="text/javascript">
  $(function () {
        var tabs = $("#tabs").tabs({
            activate: function (e, i) {
                selected_tab = i.index;
            }
        });
        selected_tab = $("[id$=selected_tab]").val() != "" ? parseInt($("[id$=selected_tab]").val()) : 0;
        tabs.tabs('select', selected_tab);
        $("form").submit(function () {
            $("[id$=selected_tab]").val(selected_tab);
        });
        ...
</script>
....
<table>
  <tr>
    <td style="padding: 5px;">                                
      <div id="tabs">
        <ul>
          <li><a href="#tab-1">Tier 1</a></li>
          <li><a href="#tab-2">Tier 2</a></li>
          <li><a href="#tab-3">Tier 3</a></li>
          <li><a href="#tab-4">Tier 4</a></li>
        </ul>
        <div class="tab-content">
            <div id="tab-1">
             ...
            </div>
            <div id="tab-2">
             ...
            </div>
            <div id="tab-3">
             ...
            </div>
            <div id="tab-4">
             ...
            </div>
          </div>
        </div>
        <asp:HiddenField ID="selected_tab" runat="server" />
      </td>
  </tr>
</table>

为什么单击按钮后，“ JQuery”标签会丢失样式

0 个答案: