jquery - 从 jquery 动态创建 Accordion

Question

我在 html 页面中只有一个 div，我正在尝试从 jQuery 创建一个 Accordion 。但这并没有发生。

HTML 代码:

 <div data-role="content" id="Div1">
    <div id="accordion" data-role="collapsible-set"/>
 </div>

Java 脚本:

$(document).ready(function(){        
    $('#accordion').append("<div data-role=""collapsible""><h3>FirstFloor</h3><p>First Floor details</p></div>");        
});

JSFIDDLE

Answer 1

您的附加字符串需要以单引号终止，因为您使用了双引号。您还需要包含 Jquery 库。如果您使用 jquery Accordion，您还需要包含 Jquery UI 库。

此外，您的 html 有点不对劲，这是一个工作示例。

$('document').ready(function(){

$('#accordion').append('<h3>First Floor</h3><div>
<p>Welcome to da first floor.</p></div> 
<h3>Floor numbah 2</h3><div><p>you are now on floor 2</p></div>');
$( "#accordion" ).accordion();

});

http://jsfiddle.net/EEnSb/19/