如果我访问手风琴的内容，如何避免自动调整 jQuery Accordion 标题的大小？
脚本：
<script type="text/javascript" >
$(document).ready(function() {
$("#dvAccordion").accordion(
{ autoHeight: false,
collapsible: true
}
);
});
</script>
标记：
<div id="dvAccordion">
<h5><a href="#fragment1"><asp:Label runat="server" ID="lblAccordionRC" Text="Hi" meta:resourcekey="lblAccordionRC" ></asp:Label></a></h5>
<div id="fragment1">
<div style=" height:10px; width:200%; background-color:Blue;"></div>
</div>
<h5><a href="#fragment2"><asp:Label runat="server" ID="lblAccodionUNC" Text="How" meta:resourcekey="lblAccodionUNC"></asp:Label></a></h5>
<div id="fragment2">
How are You ?
</div>
</div>
第一个手风琴包含比第二个更宽的 div。如果我单击第一个手风琴，则会调整手风琴标题的大小。然后，如果我单击第二个手风琴，它会缩小。它使最终用户的页面可视化效果不佳。如何删除此自动调整大小？
如何在默认情况下将最后一节作为手风琴中的活动？
$("#accordion").accordion("active", last)
因为我将在手风琴中有一组动态部分.
默认情况下,我将最后一部分激活
我怎样才能做到这一点？
我有一个问题,手风琴在通过AJAX从另一个页面接收内容时无法正常工作.页面是这一页:http://jbm.utad.pt/testes/tempo/index.php
一旦页面加载,它就会向processtempo.php发送一个默认的城市名称,使用AJAX将结果发送回div:
在processtempo.php中,我有一个手风琴的HTML,但它的jQuery在index.php中.这个手风琴是不行的,因为HTML必须在主页面中,还是我搞砸了jQuery？
你可以在源代码中查看手风琴jQuery脚本......我还没有把它放在特定的js文件中.
非常感谢所有可能的帮助,并对这个含糊的问题感到抱歉
干杯
我的手风琴没用.我检查确保我正在使用google的jQuery UI获取正确的js文件.你能看出我做错了什么吗？
http://amandapampena.com/anthonys/anthonys_menu
谢谢你的帮助!
我需要能够从手风琴项目中获取href值我只是点击我认为这将起作用(它使用twitters折叠插件)
链接:
<a data-toggle="collapse" data-parent="#accordion" href="#collapseOne" class="accorLink">
抓住它:
$('#accordion').on('show.bs.collapse', function () {
console.log('foo');
var sectionID = $(this).attr("href");
console.log(sectionID);
})
但它没有工作,只是记录"未定义"
我能从理想的href中获得一个值
我一直坚持这个(显然很容易)我无法解决的问题.我正在使用Bootstrap 3.2.0并且我无法移除手风琴面板标题和面板主体之间的线,而其他每个边框和阴影都消失了.我已经尝试了在发布之前可能给出的所有建议,但没有运气.这是HTML代码:
<ul class="nav nav-pills nav-stacked">
<div class="panel-group" id="accordion">
<div class="panel panel-default">
<div class="panel-heading">
<p class="panel-title">
<a data-toggle="collapse" data-parent="#accordion" href="#collapse1">PROJECTS</a>
</p>
</div>
<div id="collapse1" class="panel-collapse collapse">
<div class="panel-body">
<ul>
<li><a href="#napoli" tabindex="-1" data-toggle="tab">NAPOLI</a></li>
<li><a href="#portraits" tabindex="-1" data-toggle="tab">PORTRAITS</a></li>
</ul>
</div>
</div>
</div>
</div>
</ul>
</div>
这是迄今为止相关的CSS ...
.panel-group{
margin:0;
}
.panel{
border:none;
box-shadow:none;
}
.panel-heading{
padding:0;
}
这是它的样子:
在 JavaScript 中- 选择具有相同类的所有元素 - 除了单击一个
目前我得到的结果很好，但正在检查一个聪明而简单的解决方案
使用 jquery 有类似的答案 not
let color = document.querySelectorAll('.color');
let length = color.length;
// for (let i = 0; i < length; i++) {
// color[i].onclick = () => {
// color[i].classList.toggle('gold');
// }
// }
// if gold exists on clicked element then remove it
// if gold not exists on clicked element then remove from all element and add only on clicked element
for (let i = 0; i < length; …我目前正在开发一个网站，但在锚点方面遇到了麻烦。我的标题是固定的，当我单击锚点时，它会在其他页面上向我发送它应该是什么样的，但我缺少 80 像素，这是我的固定标题的高度。有一个脚本可以让手风琴在我单击锚点时在新页面上打开，但它应该滚动 80px 少...这是我在 .jsp 文件中的一些代码
<a href="${parentLink}#${menuItem.name}" class="${menuItem.classes[anchorClasses]}">
并且有一个 .js 使我的手风琴在新页面上打开
$(document).ready(function () {
if (location.hash != null && location.hash != "") {
$('.collapse').removeClass('in');
$(location.hash + '.collapse').collapse('show');
}
});
我认为你们需要更多信息，所以请问我任何可以帮助你们的事情。我是这方面的新手，我什至不知道应该在这里发布哪些代码来帮助你们意识到问题所在......谢谢（：
是否有可能使手风琴在悬停时不会点击？以及如何在点击上做其他事情？
UPDATE
我在谈论jQuery UI手风琴小部件.