jQuery Mobile 可折叠集合中的 JS 效果（js 不执行）

Posted 2023-05-09

【中文标题】jQuery Mobile 可折叠集合中的 JS 效果（js 不执行）

【英文标题】：JS Effect in jQuery Mobile collapsible set (js not execute)

【发布时间】：2012-09-12 17:26:33

【问题描述】：

我在可折叠集中执行 javascript 时遇到问题。我想在 collapsible-set 中运行某种轮播效果。

但不幸的是，代码仅在打开的选项卡中执行。打开其他选项卡可以看到什么都没有。虽然效果的初始化发生在所有元素上。

在这里你会找到小提琴

带代码：http://jsfiddle.net/2qVBN/4/ 全屏：http://jsfiddle.net/2qVBN/4/embedded/result/

在纵向和横向模式之间切换时，代码的重新初始化也存在问题。

有谁知道如何确保可折叠项中的代码始终被加载和执行？

提前致谢 vis_dev

【参考方案1】：

这里显示的 div 上的 JS none 不能应用。 在您的情况下，我建议您可以通过 js 扩展每个可折叠 div 并将 js 应用到其中。

这就是您可以展开可折叠 div 的方式。

$('div').trigger('expand');

jsfiddle example

【讨论】：

感谢 ABC，它让我更进一步。我抓住了 expand-event 并再次在那里应用了 js 代码。现在再次切换标签后显示内容。但是，轮播效果不会重新启动。你有想法吗？小提琴：jsfiddle.net/2qVBN/9jsfiddle.net/2qVBN/9/embedded/result

我添加了 jsfiddle 示例。我想你会在这个例子的帮助下找到你的答案。