问题标签 [jquery-mobile-popup]

我有的

我正在使用 jQuery Mobile 1.4.4。我在每个标题上添加了一个齿轮按钮，它将打开一个小弹出窗口以在“注销”和“帐户设置”之间导航。

我想要发生的事情

我希望此弹出窗口显示在单击它的每个页面上，对每个页面使用相同的代码

问题

在主页（称为页面 A）上，我有这个齿轮按钮。当我点击它时，弹出窗口会很好。然后我单击帐户设置（称为 B 页）。页面 B 加载后，齿轮也在那里，但不会像页面 A 那样打开弹出窗口。如果我刷新页面 B，齿轮弹出窗口将起作用，但是一旦我导航回页面 A（通过主页按钮），齿轮将不再起作用，直到我刷新。

所描述场景情况的视频： http: //screencast.com/t/34ZrYyc4Rp2T

代码

只是标题和弹出 html（两个页面上相同）

我认为正在发生的事情

我读过这个问题可能是因为弹出窗口的 ID 相同？这没有意义，因为它们是两个不同的页面。

也可能是弹出窗口填充在<div role="page">

lapieuvre 的问题（回复手头的类似问题）是完全相同的场景：https ://forum.jquery.com/topic/popup-open-not-working-after-navigate-next-page

非常感谢任何反馈

我有一个 id为popupBasic的 div用于 Jquery Mobile 中的弹出窗口

为了在按钮上打开弹出窗口，请单击btnViewPopup，使用以下代码。

当前实施

1. 有一个用于图像列表的单选按钮列表。
2. 如果选择一个，则其图像 URL 将存储在本地存储中。
3. 单击查看按钮时，将 imgView 的src设置为localstorage 中的值
4. 调用弹出窗口（“打开”）

我的问题是第一次单击查看按钮时，显示的图像很小并且与右中对齐。下次当我打开另一个或相同的图像时，它会像我预期的那样显示完整。我没有给出图像的高度和宽度，因为不同的图像可能会有所不同。

我究竟做错了什么？

提前致谢

当您有两个带有弹出窗口的页面时，事情似乎很奇怪。

我创建了这个简单的示例来演示我所看到的

我用这个 JS 支持那个代码

由于两个页面非常相似（剪切和粘贴，仅更改了 ID），因此我希望它们的工作方式相同。如果单击图像，您将看到一个警报，然后是弹出图像。预计这两个页面是相同的。单击图像，查看警报，然后是弹出窗口。

这是我正在经历的。

我访问了工作页面（从家开始并导航到“工作页面”），一切都按预期工作。单击缩略图会显示警报和弹出图像。

然后我在浏览器中单击返回，将我带到主页，单击“损坏的页面”（“工作页面”的副本）并且行为不同。单击图像时，首先您会看到两个警报（为什么？），然后不会显示弹出图像。

II 重新加载并颠倒顺序（即：从“破碎的页面”开始）出现相同的模式，破碎的页面有效，工作页面现在破碎（暗示它不是标记或JS）

难道我做错了什么？

在我的应用程序中，我有一个弹出窗口，如果用户长时间处于非活动状态，它将出现在应用程序内的任何页面上以注销用户。我在 JQM 1.4.2 中工作过，但现在我已经升级到 1.4.5，弹出窗口不会出现在任何没有页面刷新的页面上。

我最初使用#id 调用所有弹出窗口，所以我认为将其更改为使用类可以解决问题，但事实并非如此。

代码：（简化为在每个页面上显示一个基本的弹出窗口）

所有文件中包含的弹出页面：

对于此示例，我只是尝试在每个页面上使用它打开弹出窗口：

所以... 第 1 页 - 单击链接弹出窗口打开 - 更改页面 - 第 2 页（向前） - 单击链接弹出窗口未打开，但可以看到在控制台中执行的代码。

有想法该怎么解决这个吗？谢谢

我想制作一个全局弹出窗口，这样我就可以从不同的页面访问它。我正在阅读此内容，解决方案是将其直接添加到 index.html 标记中的 body 标记中，所以我这样做了，现在我可以使用此代码从我的其他页面（未添加此弹出窗口的 html 页面）打开它

问题是这个弹出窗口在应用程序加载期间显示，因为它被添加到 index.html 页面。有人可以告诉我我在这里做错了什么。谢谢。

我的网站上有一个带有弹出 div 的页面：

我使用 .load 方法在弹出窗口中显示外部 HTML 文件：

这么多工作就好了。

我有一个“popupafterclose”事件的处理程序，如果找不到要加载的文件，它会重置弹出窗口的内容以作为错误消息：

这也很好用。

不起作用的是第二个处理程序。

这样做的目的是调用一个函数，该函数将强制所有外部链接在新窗口中打开。该函数在其他地方调用时有效。popupafterclose 处理程序在我期望的时候被触发，并且函数被正确执行。pagecontainerload 处理程序永远不会被触发，并且外部链接也没有像我想象的那样被处理。

我会很感激任何帮助。

如何在 jquery mobile 中显示全部内容？我用Select盒子：

http://jsfiddle.net/8xusq/65/

最新的 chrome 版本“43.0.2357.65 m”是否为其他人破坏了 JQueryMobile 1.3.2？当我现在单击一个弹出窗口时，它会转到页面顶部并且滚动条消失。在以前的版本中很好。

该问题正在影响我的应用程序，但可以在 JQueryMobile 演示页面上重现：

1. 使用 Chrome 43.0.2357.65 m 访问http://demos.jquerymobile.com/1.3.2/
2. 点击弹出
3. 在弹出页面上，单击页面中间的“登录”按钮。
4. 它将转到页面顶部，滚动条将消失。

请注意，这并非每次都会发生 - 如果您再次尝试它可能会起作用，但如果您从新选项卡开始这些步骤，它似乎确实会始终如一地发生。

我提出了一个关于 Chrome 的问题，但只是想知道是否有人知道发生了什么，以及是否有我可以实施的解决方法。

谢谢！

我在弹出窗口中有 3 个选项卡。根据单击的超链接，我希望它可以激活特定的选项卡。

剥离了所有非必要代码后，如果超链接应用了“ui-btn”类，它似乎会失败。如果链接未设置样式，则它可以正常工作。 它选择了正确的选项卡，但它不会使导航栏链接处于活动状态/突出显示。

有人能对此有所了解吗？或者一个简单的解决方法。

请参阅JSFiddle 演示

HTML

jQuery

我使用 JQM 弹出窗口作为水平子菜单，如下图所示。通过单击第一个垂直按钮，将打开子菜单。

菜单按钮的大小不是固定的，而是设置为百分比，因为这个按钮可以适应视口高度（就像在 JQM Demo 中用于响应式 Listviews 一样）：

现在，我很难将弹出窗口定位到我的主垂直菜单的右侧，因为默认情况下，弹出窗口将与原点重叠。

编辑： 这是一个 Javascript 可能的实现：

但我问是否有使用标记数据位置的 CSS 解决方案。

我还尝试在垂直按钮附近使用宽度 = 200% 的隐藏 div，该按钮应充当“假原点”，以下是示例：

Plunker：https ://plnkr.co/edit/qmGhNqgww2mkKX1QywLH?p=preview

但是，弹出窗口的位置是相对于它的中心的，所以我总是需要知道子菜单中的项目数。

有人知道是否可以将 JQM 弹出窗口定位为与原点有一定百分比的偏移量？