jQuery对空节的手风琴控制
我有一个jQuery手风琴,我正在使用ui主题设计它的样式。我的问题是,我怎么能有一个没有子部分的部分,并且在鼠标悬停时不会展开?我用鼠标作为触发器 例如: 首页下方没有任何内容。我希望它在悬停时保持崩溃状态。单击时,它应该导航到href目标(确实如此) 初始化代码:jQuery对空节的手风琴控制,jquery,jquery-ui,Jquery,Jquery Ui,我有一个jQuery手风琴,我正在使用ui主题设计它的样式。我的问题是,我怎么能有一个没有子部分的部分,并且在鼠标悬停时不会展开?我用鼠标作为触发器 例如: 首页下方没有任何内容。我希望它在悬停时保持崩溃状态。单击时,它应该导航到href目标(确实如此) 初始化代码: <script type="text/javascript"> $(function () { $("#accordion").accordion({ event
<script type="text/javascript">
$(function () {
$("#accordion").accordion({
event: "mouseover",
alwaysOpen: false,
autoHeight: false,
navigation: true,
});
});
</script>
$(函数(){
美元(“#手风琴”)。手风琴({
事件:“鼠标悬停”,
alwaysOpen:错,
自动高度:false,
导航:对,
});
});
标记(为简洁起见缩短):
样式表直接来自jQueryUI主题库
先谢谢你
Rick您可以将事件处理程序绑定到手风琴的
change
事件:。当它启动时,检查主标题,如果它是选中的标题,则使用激活方法将其关闭:我做了一些更改以使其正常工作,主要是向主标题添加一个id,并向手风琴添加可折叠:true
然后,在创建手风琴后添加以下内容:
$('#home').unbind('mouseover');//don't accordion on mouse over
$('#accordion').accordion('activate', 0);//close the home accordion
有关工作示例,请参见此处:我未发现该操作有效-更改事件是在标题已打开后触发的,因此您根本没有真正“阻止”它打开
$('#home').unbind('mouseover');//don't accordion on mouse over
$('#accordion').accordion('activate', 0);//close the home accordion