Jquery ui jqueryui手风琴使用中的问题
我正在尝试使用jqueryaccordion,但是在编写代码时遇到了困难Jquery ui jqueryui手风琴使用中的问题,jquery-ui,jquery-ui-accordion,Jquery Ui,Jquery Ui Accordion,我正在尝试使用jqueryaccordion,但是在编写代码时遇到了困难 <div id="accordion"> <h3><a href="#" id="first">First header</a></h3> <div id="first_content">First content</div> <h3><a href="#" id="second">Seco
<div id="accordion">
<h3><a href="#" id="first">First header</a></h3>
<div id="first_content">First content</div>
<h3><a href="#" id="second">Second header</a></h3>
<div id="second_content">Second content</div>
</div>
假设要替换为的HTML内容存在于
var html = '<h1>Accordion Usage</h1>';
var html='手风琴用法';
来自:
因此,您可以使用jQuery函数替换元素内容:
$( "#accordion" ).bind( "accordionchange", function(event, ui) {
ui.newHeader.html("<h1>Accordion Usage</h1>");
});
$(“#accordion”).bind(“accordionchange”,函数(事件,用户界面){
html(“手风琴用法”);
});
或者,您可以在初始化时提供回调:
$( "#accordion" ).accordion({
change: function(event, ui) { ui.newHeader.html("<h1>Accordion Usage</h1>"); }
});
手风琴({
更改:函数(事件,ui){ui.newHeader.html(“手风琴用法”);}
});
$('.ui accordion').bind('accordionchange',函数(事件,用户界面){
$(“”,{html:“Hello World”}).appendTo(ui.newContent);
});
虽然您不想将那些
标记放在标题的内部HTML中,但我只需要编写以下$(“#accordion”).accordion();和ui.newHeader.html(“手风琴用法”);您可以为它提供accordion
或bind
到accordionchange事件。我正在使用初始化时的回调方法,但它似乎对我不起作用,虽然我可以看到accordion,但当我单击标题时什么也没有发生..我搞错了。。用Wijacordion代替手风琴。我的错!!
$( "#accordion" ).bind( "accordionchange", function(event, ui) {
ui.newHeader.html("<h1>Accordion Usage</h1>");
});
$( "#accordion" ).accordion({
change: function(event, ui) { ui.newHeader.html("<h1>Accordion Usage</h1>"); }
});
$('.ui-accordion').bind('accordionchange', function(event, ui) {
$("<div/>", {html : "Hello World"}).appendTo(ui.newContent);
});