Question

嗨，我是jquery mobile的新手，请原谅我，如果这是一个愚蠢的问题。

我试图在我的网页上实现可折叠的设置。我已经使用下载构建器从jquery移动网站下载了一个自定义文件，只选择了可折叠集小部件，它自动选择我认为必须包含的功能。

我已按照入门指南中的说明进行操作，链接了css文件和自定义js文件，这些文件加载了我用firebug检查过。

我已添加了相应的html标记，但在页面加载时无法执行任何操作。

如果我尝试使用整个Jquery mobile v.1.45文件，那么可折叠集合可以工作但它会开始改变我页面上的其他元素，比如表单按钮等等，弄乱我的设计。你可以理解，我不希望它这样做。

我使用drupal建立了我的网站我不知道这是否重要。

有没有其他人经历过这个，这是一个错误，是否有解决方法，我做了一些严重的错误吗？

任何帮助或建议都将不胜感激。

我的标记很简单：

＆＃13;

<div class="ui-collapsible-set field-items" data-corners="false" data-content-theme="a" data-theme="a" data-role="collapsibleset">

  <div class="field-item even" data-role="collapsible">
    <h2>Heading:</h2>
    <p> my text </p>
  </div>

  <div class="field-item even" data-role="collapsible">
    <h2>Heading:</h2>
    <p> my text </p>
  </div>

  <div class="field-item even" data-role="collapsible">
    <h2>Heading:</h2>
    <p> my text </p>
  </div>

</div>

＆＃13;

Answer 1

由于它不是完整版，因此任何小部件都不会自动初始化。因此，您需要手动初始化自定义小部件。

$(function() {
  $("#collapssible-set-ID").collapsibleset();
});

jQuery Mobile自定义下载的可折叠集在加载时无法正常工作/触发？

1 个答案: