Question

我面临着动态添加jquery移动可折叠元素的问题。我有以下JSFiddle。有很多类似于这个的问题，但我无法理解它。我希望有人会帮助我，因为我是Jquery的新手并且有时会觉得有点混乱。

<html>
<body>
<div id="collapsiblelist" style="width:400px;height:600px; display:inline-  block;float:left">

</div>
</body>
</html>

Javascript代码：

    var coll=document.getElementById('collapsiblelist');
   $(coll).append('<div data-role="collapsible-set" data-theme="b" id="collapsible-set" data-ajax="false"></div>');
    $('#collapsible-set').append('<div id="collapsible1" data-role="collapsible" data-       collapsed="false" data-ajax="false" data-theme="b"> </div>');
    $("#collapsible1").append('<h3>first element</h3>');
    $("#collapsible1").append('<p>I am the collapsible set content for section 1.</p>');    
    $(coll).trigger('create');

问题是它出现在JSFiddle上，但不出现在我的mozilla浏览器上。

我有相同的代码。

如果我遗漏了任何javascript文件，请通知我。

提前致谢

Answer 1

不要使用多个jquery.js文件。可能存在代码冲突的可能性，即使您的代码在逻辑上正确，也可能无法呈现元素。希望能帮助那里的任何人。 Thanx家伙

Jquery移动动态可折叠列表

1 个答案: