问题标签 [jquery-mobile-popup]

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 回答
251 浏览

javascript - jQuery mobile 从弹出对话框中读取查询字符串

我在谷歌发现这个问题被问了好几次。但是,我还没有找到正确的解决方案。

我有以下链接元素:

单击此链接时,会显示一个弹出窗口,但是当我读取 url(为了读取查询字符串)时,我得到的 url 没有查询字符串“userName”。

我读了这样的网址:

似乎 jQuery 省略了 url 中的查询字符串。

有没有其他方法可以将参数传递给弹出对话框?($.mobile.changePage(...)不是解决方案,因为它打开页面时没有弹出对话框)

0 投票
1 回答
377 浏览

jquery - 弹窗不出现

我想显示弹出窗口。

这里是 jQuery Mobile 页面:

当我单击锚时,弹出窗口不显示。

0 投票
1 回答
2246 浏览

jquery-mobile - 弹出窗口在 jquerymobile 中不起作用

我有点失落-我从jquery演示页面中获取了一个弹出示例作为模板...

如果我将弹出窗口放在第一页中,它就可以工作 - 我可以从 js 脚本中调用它来打开。

因此......以下确实有效

我可以通过动态打开它

但是,如果我将弹出窗口移动到同一文档中的另一个(数据角色)页面,它不会显示,console.log 中也不会出现错误。谁能引导我前进?以下不起作用...

为避免误解 - 第一个代码示例有效,第二个无效(意味着没有错误,没有显示类似对话框的模式)。

为什么?

(当然感谢所有帮助)

0 投票
0 回答
247 浏览

ios - 移动Safari中的jQuery移动弹出位置和关闭按钮行为

我使用 jquery 移动库和谷歌应用程序脚本中的样式开发了一个应用程序。不幸的是,我在应用程序中使用的 jquery 移动弹出窗口表现出奇怪的位置行为,并且弹出关闭按钮也表现出意外行为。弹出窗口默认使用窗口位置或在弹出窗口 href 按钮中指定此位置。结果是弹出窗口始终相对于整个页面而不是窗口定位中心。弹出关闭按钮可能会或可能不会真正关闭弹出窗口,并且由于某种原因会调用窗口向下滚动。

从我所做的研究来看,弹出位置问题可能与谷歌应用程序脚本所做的 iframe 沙盒有关,但这似乎并没有发生在谷歌对应用程序脚本所做的 iframe 更改之前,尽管这个特定的应用程序总是使用 iframe 沙盒之前并且似乎从未在 iOs 设备中出现过问题。

我已经搜索了有关弹出关闭按钮行为的问题,但没有找到任何东西。

该应用在 iPhone 7 iOs 10.0.3 safari 浏览器/chrome 浏览器/firefox 浏览器、iPhone 4S iOs 9.3.4 safari 浏览器、iPad Air iOs 10.0.2 safari 浏览器上进行了测试,均呈现相同的结果。当前的任何桌面浏览器或 Nexus 5 上的 chrome 浏览器中均不存在此行为。

问题是,是否有可能的解决方法来解决这种观察到的行为,或者是否有人知道这是谷歌应用程序脚本问题还是移动 safari 问题以及是否正在制定解决方案?

这是一个专门为测试此问题而创建的测试应用程序的链接。 https://script.google.com/macros/s/AKfycbzxpdtCR7s-ej_YHmrlxV0ata9F-kyEnxif7kN2SKP3Xib3EaI/exec

0 投票
2 回答
94 浏览

javascript - 打开 jquery-mobile 弹出窗口并滚动后,单击任意位置会将我跳到页面顶部

我开发了一个弹出菜单,其中包含几个使用 jQueryMobile 的可折叠和超链接。

问题是,当单击弹出窗口并显示菜单时,向下滚动后,单击页面会将我带到页面顶部,靠近菜单按钮。

由于菜单的内容可能看起来很长(尤其是在移动设备上),所以滚动对我来说是必要的。但它似乎确实阻止了页面上的正常行为,因为无法再单击超链接。

任何帮助将非常感激。

这是一个简化代码的小提琴:https ://jsfiddle.net/48bqcgby/1/

0 投票
2 回答
1080 浏览

jquery - 弹出窗口内的按钮不会触发弹出窗口外的点击事件

我有一个像复选框一样的自定义 div 来设置条件,而且我有一个弹出窗口,其中包含一个按钮来触发条件。

但是,我不知道为什么,当从弹出的按钮触发自定义div的点击事件时。它不起作用。

如果我用弹出窗口外的按钮触发它,它工作正常。

这是它的演示: https ://jsfiddle.net/yusrilmaulidanraji/ayLamku6/8/

单击“弹出触发器”按钮时,应更改绿色矩形的颜色。

0 投票
2 回答
992 浏览

angularjs - 以编程方式更改模型时选择框不更新

我在弹出窗口中有一个选择框,我分配了一个初始值,没有任何问题。但是,我想在打开弹出窗口时更改选择框的值,问题是尽管它“勾选”了更改的值,但除非我再次打开并关闭弹出窗口,否则它不会在选择框中显示它。有什么解决方案可以更新选择框,以便在我第一次打开弹出窗口时显示分配的值?

注意:在生产中,我使用 angularJs 填充选择框并使用 jqmobile 来呈现它。

这是小提琴和代码:https ://jsfiddle.net/AKMorris/ufcasngf/6/

js:

0 投票
1 回答
102 浏览

javascript - 使用 ios 在 Jquery mobile 中向上滚动弹出表单

我使用 jquery mobile 在弹出窗口中创建了一个表单。这是形式的代码。

sumbit 按钮可在 Android 设备中使用。但是当我尝试使用 iphone 单击提交按钮时,它不起作用并将我跳到页面顶部。

0 投票
1 回答
18 浏览

html - jQuery Mobile 上的关闭按钮关闭整个页面

我在 jQuery Mobile 中有一个基本的回调弹出对话框:

我的问题是当我在第一页时,我打开回调弹出窗口,然后我尝试通过关闭按钮关闭它(不要在对话框外部单击,因为效果很好)整个页面关闭并且浏览器回到它的起始页。显然 data-rel='back' 被触发,它告诉浏览器返回 1 页,因为没有前一页,这意味着它将返回到起始页。

但这不是根据 jQuery Mobile API 文档的预期行为: https ://demos.jquerymobile.com/1.1.2/docs/pages/page-links.html

...而且我还有一个 data-history='false' 似乎没有任何效果的属性。

我尝试使用 data-direction='reverse' 而不是 data-rel='back' 重写代码,将 onclick 事件添加到关闭按钮:

它使页面重新加载而不是完全关闭,当我在第一页时会好一点,但是当我转到第二页时,当我对弹出对话框执行相同操作时,它也会重新加载,但事实并非如此很好,因为代码的第一个版本在第二页上运行良好。

你能告诉我我应该改变什么以使弹出对话框在网站的第一页上正常工作吗?

0 投票
1 回答
49 浏览

jquery - jQuery Mobile Popup 在滚动时不断重新定位

我想在 jQuery 移动网站上显示一个对话框,例如:

  • 它在页面加载时显示
  • 它显示了它背后的页面
  • 它应该可以通过单击外部来关闭

我决定使用jQuery 移动弹出窗口,如下所示:

  • <div data-role="popup">页面内创建一个
  • 以编程方式打开页面pageshow事件的弹出窗口

它做得很好。但是,在移动设备上,当用户滚动页面时,弹出窗口会四处移动。滚动时,弹出窗口会消失几分之一秒,然后重新出现在不同的位置,可能试图留在视口内。这种行为是不可取的。

我正在使用的代码是这样的:

https://gist.github.com/salmanarshad2000/4b84e00f061508780e82e5a7b61d617b

要在移动浏览器中查看要点:

https://gitcdn.link/repo/salmanarshad2000/4b84e00f061508780e82e5a7b61d617b/raw/demo.html

预期的行为:

  • 弹出窗口在页面顶部打开,在顶部、左侧和右侧保持一些间隙
  • 当用户滚动页面时,弹出窗口随之滚动
  • 当用户停止滚动时,弹出窗口保持在原来的位置