问题标签 [jquery-mobile-panel]

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 投票
0 回答
128 浏览

jquery-mobile - JQuery Mobile:自定义面板小部件大小

我正在使用 JQuery Mobile 的面板小部件:http: //demos.jquerymobile.com/1.4.1/panel/

它在手机上看起来很不错,但在平板设备上,面板相对于屏幕尺寸来说太小了。如何将面板大小及其内容缩放到屏幕的 50%?

我尝试使用transform:scale(1.5),但是它有很多副作用,然后我尝试根据页面http://demos.jquerymobile.com/1.4.1/panel/的最后一部分自定义css ,但没有任何改变。

有没有一种简单的方法来修改框架或动态更改元素的大小而不会产生副作用?

0 投票
1 回答
219 浏览

jquery - windows phone 8中jquery左面板中的问题

我正在制作 Windows 混合应用程序。

我使用了 jquery mobile 的面板小部件(如汉堡包)。但它不能正常工作。

当我打开它时,单击任何菜单项并再次单击面板图标(左上角图标),然后它就消失了。

请帮助我解决同样的问题

供您参考的代码:

0 投票
1 回答
1245 浏览

javascript - 页面更改后,Onclick 在面板中不起作用

我正在使用 jquery mobile 和 php 创建一个小型 webapp。我有一个问题,我在面板中有一个菜单,我需要从中运行 onclick 事件。data-ajax='false'当使用或运行页面刷新重新加载页面时,这可以正常工作。但是,当我在页面更改后尝试使用该事件时,它根本没有响应。

这是我的点击代码

你可以在这里看到 js fiddle http://jsfiddle.net/jbcvnz0p/

  1. 如果您转到第 1 页 - 面板点击 - 地图点击出现警报

  2. 如果您随后导航到第 2 页 - 面板单击 - 地图单击,则不会出现警报

  3. 如果您停留在第 2 页并单击可折叠的地图 - 会出现警报

您可以看到相同的 onclick 事件适用于面板外部的可折叠集,而不是在其中。data-ajax='false'除了使用或运行页面刷新之外,还有什么解决方法吗?

0 投票
2 回答
127 浏览

jquery - jQuery Mobile 面板屏幕定位

我正在使用 JQuery Mobile,并且我有一个面板出现在屏幕的右侧,是否可以让面板出现在右列(页面中间)而不是屏幕的最右侧。

0 投票
1 回答
545 浏览

jquery - 如何仅在页眉和页脚之间而不是整个页面之间打开 jQuery 移动面板?

我有一个出现在屏幕上的面板,这很棒,但我希望它只出现在页眉和页脚之间,而不是从上到下出现在屏幕上。下面的示例代码,

0 投票
0 回答
78 浏览

jquery-mobile - 插入动态面板jquery mobile

在我的应用程序中,我想重新使用面板,因此在打开 index.html 时调用此函数:

这在第一页和从另一个页面返回此页面时效果很好。

我曾希望在“pagecontainertransition”中调用相同的函数来将面板添加到其他页面,但这似乎不起作用:

这可以做到吗?

0 投票
1 回答
2256 浏览

jquery - jQuery Mobile 面板 - 仅在右侧添加滑动

我已经使用 Bootsrap 和 jQuery mobile 为 toch 设备创建了网页。

页面在页面中间包含一个轮播,根据用户的滑动向左/向右滑动。页面包含仅在用户向右滑动时打开的Jquery Mobile 面板。

我的问题是,如果用户在 carousal 上向右滑动,面板会自动打开。我希望当用户在右侧边缘(大约 75 像素)向右滑动时,只有面板必须打开。

代码:

0 投票
1 回答
2145 浏览

jquery - jQuery 移动面板无法正常工作

我在单个页面中创建了多个 div 滑动,以便页面保持不变但 div 被更改。使用 jquery 移动页面滑动的帮助并进行了一些自定义。div 滑动工作完全正常,但我创建了一个面板,每当我从第一个 div 转到第二个 div 并再次回到第一个 div 时,面板不起作用。请帮我处理面板。这是我的代码:-

用于 div 滑动的 javascript 是:-

0 投票
1 回答
128 浏览

jquery - Jquery 移动面板按钮最多只能工作 300px

我已经构建了一个响应大小的面板,如下所示:

出于某种原因,面板似乎在 300px 标记处停止工作。如中,面板将根据视口宽度调整大小,但超过 300 像素宽的内容是不可点击的。当面板宽度超过 300px 时,部分按钮可点击,部分不可点击。我已经尝试将 !important 添加到所有内容中,它也无济于事。我正在使用 jQuery mobile 1.4.3(对于桌面站点,我只是喜欢面板、表单和按钮的外观,而不是桌面 jQuery)。是的,我将 jQuery 和它的 CSS 称为 head 标签中的最后一件事,否则面板根本无法工作

0 投票
1 回答
145 浏览

javascript - jQuery 移动列表视图和面板

基本上我正在使用 jQuery mobile 设计这个移动应用程序。我很新,但我尝试了不同的方法,但没有成功。我正在尝试编写代码,以便当您单击列表视图项时,会打开一个面板,其中包含选定的列表视图h1(包含列表项的标题)和p(其中包含描述文本在此处输入代码)。这是我的 HTML:

列表视图中有各种项目。