Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/jquery-ui/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery ui jqueryui手风琴使用中的问题_Jquery Ui_Jquery Ui Accordion - Fatal编程技术网

Jquery ui jqueryui手风琴使用中的问题

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

我正在尝试使用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">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);
});