从jquery动态创建手风琴答案

【问题标题】：dynamically create accordion from jquery从jquery动态创建手风琴
【发布时间】：2014-05-13 18:37:12
【问题描述】：

我在 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

【问题讨论】：

这会导致什么错误？提示：将导致错误。
仔细查看语法高亮。此外，您的小提琴有两个问题，您的代码 sn-p 这里没有。请确保您的小提琴正确展示了您遇到的问题。
嗯...该编辑修复了语法突出显示，但现在这就是您在 javascript 中转义引号的方式。

标签： jquery jquery-mobile accordion jquery-ui-accordion

【解决方案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/

【讨论】：