问题标签 [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.
jquery - 可折叠集合内的jquery Mobile Table Width
我在 jQuery mobile 中的可折叠列表内的内容宽度存在问题。我无法将表格缩放到 100% 的可折叠内部内容元素..
你可以在这里看到一个例子:http: //jsfiddle.net/2nmeh/1/
我试图用
对表格宽度没有任何影响。知道如何操作以及在 css 或 js 中操作什么吗?
我知道存在使用某些 css 操作的答案display: table;
,但这会破坏 Safari 和其他移动浏览器中的回流效果(跳列)。
jquery-mobile-collapsible - 使用可折叠元素是否可以减少服务器过载?
例如,我正在制作一个 Iphone webapp,我打算使用 jquery 可折叠元素来使应用程序更快。那么,当您这样做时,折叠的元素是否仍会加载并且只是被隐藏,还是确实有助于仅检索请求的内容?谢谢!附言。任何通过使用仅在移动应用程序请求时才加载的元素来减少服务器工作的建议将不胜感激。
jquery - JQuery Mobile collapsible widget collapse and expand events not working
I have a page of dynamically created JQuery 1.3.1 collapsible items (not in an accordion set), and I am trying to save the expanded or collapsed state of each item. The collapsible items work fine without attaching any handlers. My code to attach the handlers is here, which I'm calling in pagebeforeshow
(I tried in pageshow
as well):
One of the HTML elements looks like this in the Chrome inspector:
According to the JQuery Mobile 1.3.1 documentation, the events to trap are collapsiblecollapse
and collapsibleexpand
. When I try using these, the event handlers never get called. Looking on the web I replaced these events with collapse
and expand
. With these, the event handler would be called when the collapsible was clicked, but the collapsible widget would not collapse or expand either before or after the handler ran. It's not just a visual issue, because the state of the collapsible as read with .collapsible('option', 'collapsed')
did not change either.
Inside the handler I tried various combinations of adding or removing the ui-collapsible-collapsed
class or setting the collapsible
option before a .trigger('create')
, and even triggering the collapsiblecollapse
and collapsibleexpand
inside the handler (when it was bound to collapse
and expand
, of course). Removing the .off()
lines made no difference (I can't imagine why it would). Nothing I've tried so far will cause the collapsible to collapse or expand when clicked on when the handler actually runs while bound to collapse
or expand
. It doesn't matter what code is actually in the handler, or whether I have a data-collapsed
attribute in the <div>
tag to begin with or not.
So it seems there's something I'm missing, and I would appreciate any help in seeing the error in my ways.
jquery - jQuery mobile 无法刷新可折叠集
我正在使用 jQuery mobile 创建一个应用程序,并从 wordpress throw jsonp 加载它的菜单和页面。我以 collapsibleset 和 listview 的形式加载它的菜单,但我不断收到错误。当我尝试通过此代码刷新可折叠集时
它给了我这个错误
当我尝试通过此代码刷新时。
它再次给了我这个错误
我错过了什么或做错了什么?
jquery - jquery validate collapsible expand on next error message
我有一个包含六个可折叠 div 的表单,第一个 div 设置为在页面加载时展开。提交表单时,将进行验证。我可以让折叠的 div 在有获得验证标签错误类的字段的地方展开。那么用户可以看到必填字段吗?我在使用 jQuery 来扩展包含错误类的关闭 div 时遇到问题。或者也许有更好的方法来做到这一点
这是精简的 HTML:
这是jQuery:
jquery - 折叠列表中的部分项目
我想使用 JQuery Mobile 创建一个网络广播电台列表。列表的某些部分(如电台名称和流派标签)应该是永久可见的,而其他部分(如 url 或评论)应该折叠起来,并且只有在需要时才会折叠起来。
为了澄清我的要求,我举了一个例子:
(更好地在这里查看:http: //jsfiddle.net/uAvpS/1/)
只有comment-list
并且comment
应该折叠,其余的应该始终可见。
如何做到这一点?在我看来,这与可折叠列表不同
html - JQuery Mobile:动态可折叠不起作用
我有一个可折叠的列表,我使用一些切换开关动态更改。我遇到的问题是,当拨动开关打开并且我必须附加该可折叠元素时,它无法正常工作,并且该元素不是作为可折叠元素插入到可折叠列表中。这是代码和图像,您可以看到可折叠列表的第一个元素如何正常,但如果我想添加另一个元素,则该元素效果不佳。!图片链接:问题图片
和代码:
HTML:
Java脚本:
jquery - jquery mobile - 单击页面后页脚可折叠向下展开
嘿伙计们,我正在学习 jquery mobile,并创建了一个带有页眉和页脚的非常基本的页面。基本上我希望可折叠的页脚始终向上扩展,但我在实现这一点时遇到了问题。
如果我加载页面并通过单击它展开的按钮打开可折叠(预期的行为)。但是,如果我单击页面上的任何位置,然后单击页脚,它会向下扩展。似乎单击页面会分离页脚,即使我正在使用data-position="fixed"
将此标记添加到可折叠本身并不会改变行为。
同样再次单击页面会重新附加它并向上打开。
我总是可以通过使用 css 来强制它。但我想知道是否有更好的方法来解决这个问题。
我无法提供 jsfiddle,因为问题只发生在浏览器中(我已经在 droid razr 上使用 chrome、firefox 和 android 浏览器进行了测试)。这是我的代码:
javascript - jquery mobile collapsible widget styling not working
I am trying to include a collapsible widget in jquery mobile. The content is dynamic so I am using a markup to do this, but just for illustration I have included default text. The following code just brings no widget but just the text appears, the styling of the widget doesn't appear. Here is my javascript
HTML
when I put the Desc div outside the content div, the text appears with a black background.
Please help
jquery-mobile-collapsible - 一次只能打开一个可折叠块
我有一个 jquery 可扩展列表,目前当我单击一个链接时,它会打开之前打开的任何内容。如何更改此设置,如果我打开手机然后单击固定电话,它会打开固定电话但也会关闭手机?我只想在任何时候打开一个项目。
JS
HTML
jsfiddle http://jsfiddle.net/EfURx/1/