Javascript 使用手风琴和制表符

Javascript 使用手风琴和制表符,javascript,jquery,html,tabs,accordion,Javascript,Jquery,Html,Tabs,Accordion,这个问题以前提过,但没有解决 我正在使用jquery选项卡和Accordion,它们都在同一个页面上,它们不能一起工作。 它们在单独的页面上独立工作,但一旦它们在同一页面上,选项卡就无法工作。 事实上,当我重新加载页面时,它会在哪个可用和哪个不可用之间随机切换。我希望使用jquery将手风琴嵌套在选项卡中 重新排序js加载顺序似乎没有帮助,因为有些人运气不错,尽管我的直觉是这是一个加载顺序问题 以下是html: <div id="styleguide-tabs-demo-regular"&

这个问题以前提过,但没有解决

我正在使用jquery选项卡和Accordion,它们都在同一个页面上,它们不能一起工作。 它们在单独的页面上独立工作,但一旦它们在同一页面上,选项卡就无法工作。 事实上,当我重新加载页面时,它会在哪个可用和哪个不可用之间随机切换。我希望使用jquery将手风琴嵌套在选项卡中

重新排序js加载顺序似乎没有帮助,因为有些人运气不错,尽管我的直觉是这是一个加载顺序问题

以下是html:

<div id="styleguide-tabs-demo-regular">
<ul>
<li><a href="#tabs-1">Tab One</a></li>
<li><a href="#tabs-2">Tab Two</a></li>
<li><a href="#tabs-3">Tab Three</a></li>
</ul>
<div id="tabs-1">Tab 1 content</div>
<div id="tabs-2">Tab 2 content</div>
<div id="tabs-3">Tab 3 content</div>
</div>
<p><br /><br /><br /><br /></p>
<div class="styleguide_demo_accordion1">
<h3><a href="#">Section 1</a></h3>
<div>
<div class="styleguide-section__accordion-demo-element">Content for Section 1</div>
</div>
<h3><a href="#">Section 2</a></h3>
<div>
<div class="styleguide-section__accordion-demo-element">Content for Section 2</div>
</div>
<h3><a href="#">Section 3</a></h3>
<div>
<div class="styleguide-section__accordion-demo-element">Content for Section 3</div>
</div>
</div>
<p>&nbsp;</p>

任何帮助都将是惊人的

我尝试了你的代码,创建了一个新的代码,我所要更改的就是这一行:

$("div.styleguide_demo_accordion1").accordion({header: "h2", collapsible: true, heightStyle: "content", active: false}) 


因此,基本上,在将
标题
选项从
h2
更改为
h3
后,它似乎可以正常工作。有没有可能是您刚刚输入了一个错误?

我尝试了您的代码,创建了一个,我所要更改的只是这一行:

$("div.styleguide_demo_accordion1").accordion({header: "h2", collapsible: true, heightStyle: "content", active: false}) 


因此,基本上,在将
标题
选项从
h2
更改为
h3
后,它似乎可以正常工作。有没有可能是您刚刚输入了一个错误?

我尝试了您的代码,创建了一个,我所要更改的只是这一行:

$("div.styleguide_demo_accordion1").accordion({header: "h2", collapsible: true, heightStyle: "content", active: false}) 


因此,基本上,在将
标题
选项从
h2
更改为
h3
后,它似乎可以正常工作。有没有可能是您刚刚输入了一个错误?

我尝试了您的代码,创建了一个,我所要更改的只是这一行:

$("div.styleguide_demo_accordion1").accordion({header: "h2", collapsible: true, heightStyle: "content", active: false}) 


因此,基本上,在将
标题
选项从
h2
更改为
h3
后,它似乎可以正常工作。有没有可能是你刚才打错了字?

没什么奇怪的。HTML中有
,而JS中有
标题:“h2”

将所有
更改为
标题:“h2”
更改为
标题:“h3”
,一切正常。HTML中有
,而JS中有
标题:“h2”

将所有
更改为
标题:“h2”
更改为
标题:“h3”
,一切正常。HTML中有
,而JS中有
标题:“h2”

将所有
更改为
标题:“h2”
更改为
标题:“h3”
,一切正常。HTML中有
,而JS中有
标题:“h2”

将所有
更改为
标题:“h2”
更改为
标题:“h3”
,一切正常

谢谢您的帮助。这很奇怪,因为它本身总是“起作用”,但不是同时起作用。即使你在我的网站上进行了修复(我正在学习管理系统中对其进行编码),我仍然会收到错误,并且相信这可能是幕后某个地方的错误,因此我会将你的答案标记为正确。谢谢谢谢你的帮助。这很奇怪,因为它本身总是“起作用”,但不是同时起作用。即使你在我的网站上进行了修复(我正在学习管理系统中对其进行编码),我仍然会收到错误,并且相信这可能是幕后某个地方的错误,因此我会将你的答案标记为正确。谢谢谢谢你的帮助。这很奇怪,因为它本身总是“起作用”,但不是同时起作用。即使你在我的网站上进行了修复(我正在学习管理系统中对其进行编码),我仍然会收到错误,并且相信这可能是幕后某个地方的错误,因此我会将你的答案标记为正确。谢谢谢谢你的帮助。这很奇怪,因为它本身总是“起作用”,但不是同时起作用。即使你在我的网站上进行了修复(我正在学习管理系统中对其进行编码),我仍然会收到错误,并且相信这可能是幕后某个地方的错误,因此我会将你的答案标记为正确。谢谢