问题标签 [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.
html - Jquery Mobile如何设置可折叠集中的Listview的高度
我以编程方式创建了一个弹出窗口,可折叠和列表视图位于弹出窗口的内容中
可折叠和列表视图是通过使用 $.map
加载我的数据动态创建的
这是我的jsFiddle
我只是想知道它有没有办法限制<li>
列表视图中显示的数量?
例如
我只想让它显示 4 ,然后通过滚动显示<li>
第五个<li>
<ul>
我该怎么做才能实现它?!
我试过设置高度<ul>
,但它不起作用......
对不起我的英语不好...我是台湾人
如果你不明白我想说什么,请告诉我
我会尝试更好地解释它
javascript - 我怎样才能延迟可折叠的扩展,直到它的内容被提取?
我想在我的 jQM 应用程序(1.3.2)中集成一个可折叠的应用程序,其工作方式如下:
- 它开始崩溃。
- 单击时,它开始从服务器获取可折叠的列表项。可折叠设备保持关闭状态,加载图标可能正在旋转。
- 在加载所有元素并且列表视图刷新并准备好之后,可折叠展开。
- 如果再次点击它,它直接关闭,没有延迟,从 1 开始。
我最初的想法是抓住expand
事件并阻止其传播。加载完成后,我取消注册我的自定义事件处理程序以将可折叠恢复正常,最后从 JavaScript 触发展开事件以打开。
问题是这适用于第一轮,但之后折叠式无论如何都会打开。考虑这个例子(也在jsfiddle中):
JavaScript:
在这里,如果您在加载后单击可折叠,它会保持关闭状态(好)。当您单击解锁时,它会打开并且不显示任何警报(好)。如果您再次锁定它,它会显示警报(好)但无论如何都会打开(坏)。
谁能启发我我做错了什么?解锁似乎有我看不到的副作用。这里有几个类似的问题,但大多数人都对阻止扩展而不重新打开它感到满意。
所以我的问题是:可靠地延迟可折叠扩展的最佳方法是什么?
编辑:我添加了另一个集成列表视图逻辑的示例,也显示了此错误。jsFiddle 在这里。我还转向.one()
使注销更可追溯。
新的 JavaScript:
在第一次扩展时,它按预期工作,它首先更新然后打开。在第二次运行时,它无需等待即可打开,稍后您可以看到时间戳更新,因此事件被正确调用。
好像有问题,.preventDefault()
看不懂。。。
jquery-mobile - 在 JQM 中将可折叠添加到另一个可折叠(嵌套可折叠)中
我想得到这个:
但我需要动态创建 HTML,因为它是通过 AJAX 从外部资源加载的。我已经在这里问过这个问题(JQM: Dynamic nested collapsibles - $(collapsible).collapsible() & $(collapsible).trigger('create'))但是我完全错误地使用了列表和可折叠项,所以我想出了一个新的问题会更好。
这是我到目前为止得到的:
这导致:
如您所见,第一个可折叠集中的项目不在另一个可折叠集中。任何想法为什么?
javascript - 如何限制可折叠项目以保持展开状态,除非我单击其他可折叠项目以展开而不是可折叠项目本身
我正在开发一个移动网站并使用 jquerymobile。我在手风琴中有 4 个可折叠的物品。我想让其中一项保持扩展。如果我单击展开的项目,它会被折叠(我不想折叠这个项目)。如果我单击任何其他折叠的项目,最后一个展开的项目将折叠(没关系)。
我会感谢你的帮助。手风琴类别的动态 javascript 代码如下:
和html代码
问候
jquery - Collapsible Set 内容不会采用 jQuery Mobile 样式
我修改了一个小小提琴来演示我目前遇到的问题 http://jsfiddle.net/TPxT7/。基本上我需要textboxes
有漂亮的jQuery Mobile
风格,但不管我有什么refresh
或trigger
似乎什么都没有改变。可折叠的东西总是动态创建的。
如果链接有问题,我会附上代码:
HTML:
脚本(抱歉缺少缩进):
正如您在底部看到的那样,我尝试添加以下代码位(不是一次全部):
而且我也尝试遵循this question上的一些答案,但似乎没有任何区别,也许我错过了一些东西,但我似乎无法解决这个问题。
为了让事情更清楚,我希望它看起来像我在静态模式下创建的这个Fiddle 。
任何建议或想法将不胜感激。
javascript - JQM:在 collapsibleset 中添加的可折叠未定义
内容被添加到页面并出现在那里。身份证没问题。所有的视觉都是制作的。
在最后一个警报中,我得到“未定义”,为什么?当我尝试访问添加的元素时,我什么也没发生,没有任何错误……为什么?非常感谢您的帮助。
javascript - 可以检查 Listview (jQuery Mobile) 是否包含 Collapsible?
collapsibles
我在一个listview
元素中有一个随机数。我想知道的是,在进入下一页之前,是否有一种“知道”其中是否listview
有任何内容的方法。collapsibles
这个小提琴几乎代表了我到目前为止所拥有的。
我想要某种客户端验证,在继续之前检查“用户”是否已将“药物”添加到列表中(以可折叠的形式)。
我试过玩这段代码:
但似乎不知道如何正确处理解决方案。
也许我正在以错误的方式解决这个问题,任何建议将不胜感激。
listview - 在可折叠/分隔器中动态创建列表视图
我正在尝试开发一个应用程序,并且我正在将 jQuery mobile 用于 UI。有人知道如何使用 JavaScript 在可折叠(作为类别)中动态添加列表视图吗?
HTML:
js:
jquery - 空()后Jquery Mobile可折叠失败?
我有一个动态生成的可折叠,但是在调用.empty()
并动态生成另一个可折叠之后,它不会作为可折叠可见。我想要的是在事件发生后正确生成可折叠.empty()
。
第一次动态地使可折叠:
在 .empty()
第 n 次动态折叠之后:
我如何创建可折叠然后附加按钮的一些 JS:
它附加了女巫中的HTML: