我最近使用手风琴jquery来帮助我扩展/折叠内容(如下拉菜单)..我使用了这个脚本并将其放在<body>
脚本:
jQuery(document).ready(function($)
{
$("#accordions-727.accordions").accordion({
active: "",
event: "click",
collapsible: true,
heightStyle: "content",
animated: "swing",
})
})
脚本工作正常,但页面加载不正确..当我查看或刷新页面时,下拉菜单中的所有内容都变得可见,但一旦页面完成加载,一切都变得很好..现在怎么样?我解决了这个问题?我应该将脚本放在<head>
吗?
答案 0 :(得分:0)
这是隐式使用jQueryUI accordion @Stew。
您的手风琴设置代码中的属性错误,请使用animate
代替animated
。
请参阅此API文档:http://api.jqueryui.com/accordion
它是原始组件演示:http://jqueryui.com/accordion/
我建议您查看一下jQuery文件,如果它们正常并且顺序正确(在<header>
部分中)。
另一点是将您的JavaScript放在HTML的<header>
部分,并确保没有冲突或使用比组件需要更旧的jQuery文件版本。
希望它有所帮助。