Question

我在html页面只有一个div，我正在尝试用jQuery创建一个手风琴。但这不会发生。

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手风琴，则还需要包含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/

从jquery动态创建手风琴

1 个答案: