jquery - JQuery Accordion beforeActivate 不起作用
问题描述
似乎从来没有碰到过这个代码。我尝试了 ID 选择器,但仍然没有触发。
我在 JqueryUI 版本 1.12.1 上。
$(".accordConditionSet").accordion({
beforeActivate: function( event, ui ) {
alert(ui.newPanel.text());
}
});
解决方案
我有使用基于 Id 的相同概念beforeActivate in accordion Jquery UI
$( "#accordion" ).accordion({beforeActivate: function( event, ui ) {alert(ui.newPanel.text())}});
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>accordion demo</title>
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.12.4.js"></script>
<script src="//code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
</head>
<body>
<div id="accordion">
<h3>Section 1</h3>
<div>
<p>Mauris mauris ante, blandit et, ultrices a, suscipit eget.
Integer ut neque. Vivamus nisi metus, molestie vel, gravida in,
condimentum sit amet, nunc. Nam a nibh. Donec suscipit eros.
Nam mi. Proin viverra leo ut odio.</p>
</div>
<h3>Section 2</h3>
<div>
<p>Sed non urna. Phasellus eu ligula. Vestibulum sit amet purus.
Vivamus hendrerit, dolor aliquet laoreet, mauris turpis velit,
faucibus interdum tellus libero ac justo.</p>
</div>
<h3>Section 3</h3>
<div>
<p>Nam enim risus, molestie et, porta ac, aliquam ac, risus.
Quisque lobortis.Phasellus pellentesque purus in massa.</p>
<ul>
<li>List item one</li>
<li>List item two</li>
<li>List item three</li>
</ul>
</div>
</div>
</body>
</html>
推荐阅读
- php - 如何取消设置克隆的 PHP 对象的 id
- scala - 如何将每个整数转换为 Scala 列表中的绝对值?
- git - Git:如何强制将文件推送到所有分支
- javascript - 修复了在 chrome for android 上滚动后计算错误的元素 Y 位置
- android - Android Studio 无法运行任何 AVD
- python - 为什么 Dask 数据框没有形状属性?
- angular - Angular + Bootstrap 样式与子组件不同
- angular-material - ng generate @angular/material:material-nav --name=main-nav 不起作用
- javascript - 用 veeValidate VueJS 确认规则:找不到参考?
- git - 如何从错误的 svn 迁移中合并 git 历史记录 - 旧存储库