gpt4 book ai didi

jquery - Twitter Bootstrap 选项卡无法在模式中工作

转载 作者:行者123 更新时间:2023-12-01 01:09:57 25 4
gpt4 key购买 nike

在 Rails 应用程序中,我通过 Ajax 加载模式窗口( Bootstrap 模式)的内容。这工作得很好。

此内容包含选项卡( Bootstrap 选项卡)。选项卡正确显示,我可以单击选项卡,事件选项卡将正确更改...但内容不会更改。

<div id="negotiation-details">
<div id="negotiation-overview"></div>

<ul id="nego-tabs-menu" class="tabs">
<li class="active"><a href="#nego-figures">Figures</a></li>
<li><a href="#nego-dates">Dates</a></li>
<li><a href="#nego-characteristics">Characteristics</a></li>
</ul>
<div id="my-tab-content" class="tab-content">
<div id="nego-figures" class="tab-pane active">figures content</div>
<div id="nego-dates" class="tab-pane">dates content</div>
<div id="nego-characteristics" class="tab-pane">characteristics content</div>
</div>
</div>

你有什么想法吗?难道是因为tabs是在DOM之后加载的吗?如果是这样,我怎样才能再次启用它们?

最佳答案

我测试了你的代码,添加后它就可以工作

"data-toggle"=>"tab"

到每个选项卡菜单项,如下所示:

#negotiation-details
#negotiation-overview
%ul#nego-tabs-menu.tabs
%li.active
%a{:href => "#nego-figures","data-toggle"=>"tab"} Figures
%li
%a{:href => "#nego-dates","data-toggle"=>"tab"} Dates
%li
%a{:href => "#nego-characteristics","data-toggle"=>"tab"} Characteristics
#my-tab-content.tab-content
#nego-figures.tab-pane.active figures content
#nego-dates.tab-pane dates content
#nego-characteristics.tab-pane characteristics content

诗。对 haml 语法感到抱歉。

关于jquery - Twitter Bootstrap 选项卡无法在模式中工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8612913/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com