要禁用 jQuery 手风琴(Accordion)的某些链接,您可以使用以下方法:
<div id="my-accordion">
<h3><a href="#section1">Section 1</a></h3>
<div id="section1">
<p>Section 1 content...</p>
</div>
<h3><a href="#section2">Section 2</a></h3>
<div id="section2">
<p>Section 2 content...</p>
</div>
<h3><a href="#section3">Section 3</a></h3>
<div id="section3">
<p>Section 3 content...</p>
</div>
</div>
$(document).ready(function() {
$("#my-accordion").accordion({
beforeActivate: function(event, ui) {
// 获取当前激活的标题和内容
var activeHeader = ui.newHeader[0];
var activeContent = ui.newPanel[0];
// 检查 activeHeader 和 activeContent 是否为您要禁用的链接
if (activeHeader.id === "section2" || activeContent.id === "section2") {
// 阻止激活
return false;
}
}
});
});
在这个示例中,我们使用 beforeActivate
事件来检查即将激活的标题和内容是否为我们要禁用的链接。如果是,我们返回 false
以阻止激活。
这样,当用户尝试点击禁用的链接时,手风琴将不会展开该部分。
领取专属 10元无门槛券
手把手带您无忧上云