【发布时间】：2014-03-02 12:36:45
【问题描述】：
我在这里将属性 data-role="collapsible" 添加到 2 个表单：https://www.myhhf.com/test/test_jq_form.php。
底部的表格 1 是正确的。正在内联添加此属性。
表格 2 不正确。这个属性是通过$(document).ready(); : $("#form_2").attr("data-role", "collapsible"); 内的这行代码动态添加的。我尝试在末尾添加.trigger("create")，但没有任何效果。
Form 2 正在接收属性，但无法正常工作。
我相信 jQuery Mobile 会在加载时应用所有内容。我对此不是 100% 确定的。但无论是否如此，我都需要完成这项工作。如果您能提供任何帮助，我将不胜感激。
【问题讨论】：
-
请发布与您的问题相关的代码，而不是外部链接。
-
代替 jQuery 1.6.2，至少使用 jQuery 1.9.x。 data-role="page" 应该在 BODY 下的 div 中，而不是 body 本身。而不是 $(document).ready(function(e) {... 使用 $(document).on("pagecreate", "#page1", function(){...，然后只需调用 $("#form_2 ").collapsible();
-
@Omar 我向你展示了解释中需要的所有代码。
-
@ezanker 为什么我应该使用 $(document).on("pagecreate", "#page1", function(){... 而不是 data-role="page" 属性在body标签下面？这些都没有引起任何问题。
-
@CrystalMiller，虽然不是绝对需要，但请参阅推荐的页面设置：demos.jquerymobile.com/1.4.0/pages，pagecreate 事件实际上是在创建 jQM 页面但尚未增强时：api.jquerymobile.com/pagecreate
标签： jquery jquery-mobile attributes collapsable