Question

我的网页中的标签有一个小部件，我动态添加标签，我试图删除标签工作正常，但无法显示上一个标签，即使它处于活动状态，相应的div不是可见。

我使用的代码是：

tabs.delegate("span.ui-icon-close", "click", function () {              
            var panelId = $(this).closest("li").remove().attr("aria-controls");
            $("#" + panelId).remove();
            tabs.tabs("refresh");            
        });

这必须正常工作，但没有

所以我尝试通过在上面的函数中添加以下代码行来显示div我自己。

 $(
    $(this).closest("li").prev("li").children("a").attr("href")
  )
  .attr("aria-expanded", true)
  .attr("aria-hidden", false)
  .css("display", "block");

当我调试我的代码行时，它强制显示div，在退出函数之后，某些插件文件正在更改div设置并使其不可见。

HTML：

   <div id="dynamicTabs" class="ui-tabs ui-widget ui-widget-content ui-corner-all" style="width:960px;">
       <ul class="ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all" role="tablist">
            <li class="ui-state-default ui-corner-top" role="tab" tabindex="-1" aria-controls="tabs-1" aria-labelledby="ui-id-13" aria-selected="false">
                <a id="ui-id-13" class="ui-tabs-anchor" href="#tabs-1" role="presentation" tabindex="-1">Add</a>
            </li>
            <li class="ui-state-default ui-corner-top ui-tabs-active ui-state-active" role="tab" tabindex="0" aria-controls="tabs-2" aria-labelledby="ui-id-18" aria-selected="true">
                 <a id="ui-id-18" class="ui-tabs-anchor" href="#tabs-2" role="presentation" tabindex="-1">dfbgbb</a>
                 <span class="ui-icon-close">X</span>
           </li>
    </ul>
   <div id="tabs-1" class="ui-tabs-panel ui-widget-content ui-corner-bottom" aria-labelledby="ui-id-13" role="tabpanel" style="display: none;" aria-expanded="false" aria-hidden="true">Tab 1 content.</div>
   <div id="tabs-2" class="ui-tabs-panel ui-widget-content ui-corner-bottom selected" aria-expanded="true" aria-hidden="false" style="display: block;" aria-labelledby="ui-id-18" role="tabpanel">cvxbxcvxcvxcv</div>
</div>

我想剧本中可能存在一些问题，但我无法弄清楚是什么。有没有人有相同的问题或知道任何有关PLZ的工作让我知道谢谢................

显示上一个选项卡，删除选项卡jquery ui

0 个答案: