Jquery手风琴ui根本不工作

时间:2011-10-07 17:59:59

标签: jquery-ui

Jquery ui是definetely加载的,因为我可以在同一页面上进行排序!

我的HTML如下......

echo '<div id="accordian">
<h3><a href="#">Subscriber Options</a></h3>
<div><a id="changeLayout" href="">Change Main Layout</a></div>
<h3><a href="#">Account Layout</a></h3>
<div></div>
</div>';

我的Jquery ......

$(function() {
$("#accordian").accordian();
});

jquery ui来自google,之后我的JS表格,我的所有JS都包含在document.ready()

我的手风琴,

#accordian {width: 100%;}

#accordian h3 {padding: 5px 0; font-size: 13px; font-weight: normal; background: #333;}

#accordian div {padding: 10px 0; width: 100%; height: 300px; border: 1px solid #f00;}

1 个答案:

答案 0 :(得分:1)

我经常犯这个错误......

拼写为accordion; - )

我能想到的唯一其他可能的事情是你没有加载手风琴的基础CSS。我已经使用jQuery 1.5.2,jQuery UI 1.8.9,this jsfiddle以及您的代码设置了base UI css from Google's CDN,并且它按预期工作。

相关问题