问题标签 [jquery-mobile-collapsible]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
2426 浏览

html - Jquery Mobile如何设置可折叠集中的Listview的高度

我以编程方式创建了一个弹出窗口,可折叠和列表视图位于弹出窗口的内容中

可折叠和列表视图是通过使用 $.map加载我的数据动态创建的

这是我的jsFiddle

我只是想知道它有没有办法限制<li>列表视图中显示的数量?

例如

我只想让它显示 4 ,然后通过滚动显示<li>第五个<li><ul>

我该怎么做才能实现它?!

我试过设置高度<ul>,但它不起作用......

对不起我的英语不好...我是台湾人

如果你不明白我想说什么,请告诉我

我会尝试更好地解释它

0 投票
3 回答
1256 浏览

javascript - 我怎样才能延迟可折叠的扩展,直到它的内容被提取?

我想在我的 jQM 应用程序(1.3.2)中集成一个可折叠的应用程序,其工作方式如下:

  1. 它开始崩溃
  2. 单击时,它开始从服务器获取可折叠的列表项。可折叠设备保持关闭状态,加载图标可能正在旋转。
  3. 在加载所有元素并且列表视图刷新并准备好之后,可折叠展开
  4. 如果再次点击它,它直接关闭,没有延迟,从 1 开始。

我最初的想法是抓住expand事件并阻止其传播。加载完成后,我取消注册我的自定义事件处理程序以将可折叠恢复正常,最后从 JavaScript 触发展开事件以打开。

问题是这适用于第一轮,但之后折叠式无论如何都会打开。考虑这个例子(也在jsfiddle中):

JavaScript:

在这里,如果您在加载后单击可折叠,它会保持关闭状态(好)。当您单击解锁时,它会打开并且不显示任何警报(好)。如果您再次锁定它,它会显示警报(好)但无论如何都会打开(坏)。

谁能启发我我做错了什么?解锁似乎有我看不到的副作用。这里有几个类似的问题,但大多数人都对阻止扩展而不重新打开它感到满意。

所以我的问题是:可靠地延迟可折叠扩展的最佳方法是什么?


编辑:我添加了另一个集成列表视图逻辑的示例,也显示了此错误。jsFiddle 在这里。我还转向.one()使注销更可追溯。

新的 JavaScript:

在第一次扩展时,它按预期工作,它首先更新然后打开。在第二次运行时,它无需等待即可打开,稍后您可以看到时间戳更新,因此事件被正确调用。

好像有问题,.preventDefault()看不懂。。。

0 投票
1 回答
510 浏览

jquery-mobile - 在 JQM 中将可折叠添加到另一个可折叠(嵌套可折叠)中

我想得到这个:

嵌套可折叠

但我需要动态创建 HTML,因为它是通过 AJAX 从外部资源加载的。我已经在这里问过这个问题(JQM: Dynamic nested collapsibles - $(collapsible).collapsible() & $(collapsible).trigger('create'))但是我完全错误地使用了列表和可折叠项,所以我想出了一个新的问题会更好。

这是我到目前为止得到的:

这导致:

没有嵌套

如您所见,第一个可折叠集中的项目不在另一个可折叠集中。任何想法为什么?

0 投票
1 回答
1293 浏览

javascript - 如何限制可折叠项目以保持展开状态,除非我单击其他可折叠项目以展开而不是可折叠项目本身

我正在开发一个移动网站并使用 jquerymobile。我在手风琴中有 4 个可折叠的物品。我想让其中一项保持扩展。如果我单击展开的项目,它会被折叠(我不想折叠这个项目)。如果我单击任何其他折叠的项目,最后一个展开的项目将折叠(没关系)。

我会感谢你的帮助。手风琴类别的动态 javascript 代码如下:

和html代码

问候

0 投票
1 回答
352 浏览

jquery - Collapsible Set 内容不会采用 jQuery Mobile 样式

我修改了一个小小提琴来演示我目前遇到的问题 http://jsfiddle.net/TPxT7/。基本上我需要textboxes有漂亮的jQuery Mobile风格,但不管我有什么refreshtrigger似乎什么都没有改变。可折叠的东西总是动态创建的。

如果链接有问题,我会附上代码:

HTML:

脚本(抱歉缺少缩进):

正如您在底部看到的那样,我尝试添加以下代码位(不是一次全部):

而且我也尝试遵循this question上的一些答案,似乎没有任何区别,也许我错过了一些东西,但我似乎无法解决这个问题。

为了让事情更清楚,我希望它看起来像我在静态模式下创建的这个Fiddle 。

任何建议或想法将不胜感激。

0 投票
0 回答
83 浏览

javascript - JQM:在 collapsibleset 中添加的可折叠未定义

内容被添加到页面并出现在那里。身份证没问题。所有的视觉都是制作的。

在最后一个警报中,我得到“未定义”,为什么?当我尝试访问添加的元素时,我什么也没发生,没有任何错误……为什么?非常感谢您的帮助。

0 投票
2 回答
268 浏览

javascript - 可以检查 Listview (jQuery Mobile) 是否包含 Collapsible?

collapsibles我在一个listview元素中有一个随机数。我想知道的是,在进入下一页之前,是否有一种“知道”其中是否listview有任何内容的方法。collapsibles

这个小提琴几乎代表了我到目前为止所拥有的。

我想要某种客户端验证,在继续之前检查“用户”是否已将“药物”添加到列表中(以可折叠的形式)。

我试过玩这段代码:

但似乎不知道如何正确处理解决方案。

也许我正在以错误的方式解决这个问题,任何建议将不胜感激。

0 投票
1 回答
2457 浏览

listview - 在可折叠/分隔器中动态创建列表视图

我正在尝试开发一个应用程序,并且我正在将 jQuery mobile 用于 UI。有人知道如何使用 JavaScript 在可折叠(作为类别)中动态添加列表视图吗?

HTML:

js:

0 投票
1 回答
314 浏览

jquery - 空()后Jquery Mobile可折叠失败?

我有一个动态生成的可折叠,但是在调用.empty()并动态生成另一个可折叠之后,它不会作为可折叠可见。我想要的是在事件发生后正确生成可折叠.empty()

第一次动态地使可折叠:

第一次动态地使可折叠:

.empty() 第 n 次动态折叠之后: 在此处输入图像描述

我如何创建可折叠然后附加按钮的一些 JS:

它附加了女巫中的HTML:

0 投票
1 回答
4260 浏览

javascript - 展开时 jquerymobile 可折叠集的滚动位置

我正在使用 jQueryMobile (v1.4.0)可折叠集/手风琴来显示元素列表及其内容,如此jsFiddle所示。

我遇到的问题是当项目的内容长于屏幕长度时滚动

例如在小提琴中:

  • 打开第一个可折叠项目
  • 滚动到底部(如果您不必滚动,请调整窗口大小,以便您必须...否则问题不可见)
  • 打开第二个项目

=> 第一项关闭,第二项打开,但页面滚动没有改变,您现在看到第二项内容的结尾。

因此我的问题是:是否有一种聪明的方法可以强制页面在屏幕顶部设置第二个项目的“标题”?

谢谢,T。