个人中心
文章发布
退出
作者热门文章
- android - RelativeLayout 背景可绘制重叠内容
- android - 如何链接 cpufeatures lib 以获取 native android 库？
- java - OnItemClickListener 不起作用，但 OnLongItemClickListener 在自定义 ListView 中起作用
- java - Android 文件转字符串
25
4
我有两个缩小的 html 文件，i1.html 和 i2.html——它们几乎相同，应该很容易运行。
i1.html (page1) 有一个 popup1 页面，允许用户停留在 page1 或转到 i2.html (page2)。
i2.html (page2) 有一个 popup2 页面，应该允许用户停留在 page2 或转到 i1.html (page1)。
我在 Chrome 和 Firefox 中遇到的问题是 page1 弹出窗口让用户转到 i2.html (page2)。但是一旦在 i2.html 上，它就不会导航到 page1。弹出窗口不会响应。如果我进行轮类刷新，它会，但是可以注意到弹出页面被搞砸了(出现了两个按钮，看起来像来自 i1.html。)
我有一个相关的问题是，如何调试一个什么都不做的按钮。谢谢。
i1.html:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>i1</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css">
<script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
</head>
<body>
<div data-role="page" id="page1">
<div data-role="header">
<h1>Page 1</h1>
</div>
<div data-role="main" class="ui-content">
<p><a href="#popup1" data-role="button" data-rel="dialog" data-transition="pop">Navigate via popup dialog</a></p>
</div>
<div data-role="footer">
<h1>page bottom</h1>
</div>
</div>
<!-- Start #popup page -->
<div data-role="page" id="popup1">
<div data-role="header" data-theme="b">
<h1>Dialog</h1>
</div><!-- /header -->
<div role="main" class="ui-content">
<h2>Popup</h2>
<p>Some text</p>
<p><a href="#page1" data-rel="back" class="ui-btn ui-shadow ui-corner-all ui-btn-inline ui-icon-back ui-btn-icon-left">Back to page one</a></p>
<p><a href="i2.html" class="ui-btn ui-shadow ui-corner-all ui-btn-inline ui-icon-back ui-btn-icon-left">Go to Page2</a></p>
</div><!-- /content -->
<div data-role="footer">
<h4>Pop up Footer</h4>
</div><!-- /footer -->
</div><!-- /page popup -->
</body>
</html>
和 i2.html:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>i2</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css">
<script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
</head>
<body>
<div data-role="page" id="page2">
<div data-role="header">
<h1>Page 2</h1>
</div>
<div data-role="main" class="ui-content">
<p><a href="#popup2" data-role="button" data-rel="dialog" data-transition="pop">Navigate via popup dialog</a></p>
</div>
<div data-role="footer">
<h1>page bottom</h1>
</div>
</div>
<!-- Start #popup page -->
<div data-role="page" id="popup2">
<div data-role="header" data-theme="b">
<h1>Dialog</h1>
</div><!-- /header -->
<div role="main" class="ui-content">
<h2>Popup2</h2>
<p>Some text</p>
<p><a href="#page2" data-rel="back" class="ui-btn ui-shadow ui-corner-all ui-btn-inline ui-icon-back ui-btn-icon-left">Back to page 2</p>
<p><a href="i1.html" class="ui-btn ui-shadow ui-corner-all ui-btn-inline ui-icon-back ui-btn-icon-left">Go to Page 1</a></p>
</div><!-- /content -->
<div data-role="footer">
<h4>Pop up Footer</h4>
</div><!-- /footer -->
</div><!-- /page popup -->
</body>
</html>
最佳答案
好的，我做了一个测试
发生的事情是 JQM 通过 ajax 加载到页面中。当您导航到第 2 页时，这
<div role="main" class="ui-content">
<h2>Popup2</h2>
<p>Some text</p>
<p><a href="#page2" data-rel="back" class="ui-btn ui-shadow ui-corner-all ui-btn-inline ui-icon-back ui-btn-icon-left">Back to page 2</p>
<p><a href="i1.html" class="ui-btn ui-shadow ui-corner-all ui-btn-inline ui-icon-back ui-btn-icon-left">Go to Page 1</a></p>
</div>
被剥夺了，因为我怀疑你有 <div role="main" class="ui-content">在另一页上，因此该按钮不起作用，因为它们没有要运行的 DOM 代码。
关闭 ajax 导航可修复问题 data-ajax="false"
<p><a href="i1.html" data-ajax="false" class="ui-btn ui-shadow ui-corner-all ui-btn-inline ui-icon-back ui-btn-icon-left">Go to Page 1</a></p>
<p><a href="i2.html" data-ajax="false" class="ui-btn ui-shadow ui-corner-all ui-btn-inline ui-icon-back ui-btn-icon-left">Go to Page2</a></p>
更多信息在这里
http://demos.jquerymobile.com/1.2.1/docs/pages/page-links.html
现在可以正常工作了
关于jQuery 手机 : page popups interfering with each other，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/34961201/
25
4
0
在德国，移动运营商通常会提供一种简单的方法来配置您的手机的 MMS 和 GPRS:在运营商的网站上输入您的电话号码和设备型号后，您会收到一条发送给您的“配置短信”。 我试图从技术角度理解它是如何工作的
我正在开发一个非常复杂的应用程序。它针对手机和平板电脑有不同的布局，我不知道最好的方法。 我听说您可以发布两个不同的应用程序，一个用于移动设备，另一个用于平板电脑，但人们不推荐它。 我应该用两个不同的
我不确定这个问题属于这里....但仍然.... 我的应用程序每 3 分钟与服务器交换一次数据。我在手机覆盖范围内使用蜂窝平板电脑(不是 Wi-Fi)。如果一个人在没有手机覆盖的地方使用它，他将不会获得
我有这样的 CSS: .editTable-body { width: 100%; height:140px; margin-top: 20px; overflow:
我有这个链接，它在移动设备上被设计为按钮，我面临的问题是它在手机和平板电脑上看起来不同。这是因为设备分辨率还是我应该通过 CSS 修复的问题。这是我当前的 CSS CSS border-radiu
大家好，我一个月前开始学习网络开发，但我遇到了背景图片无法在移动设备上正确显示的问题。 我正在使用下面的模板，甚至这个模板也有同样的问题。 问题只是背景图像在移动设备上放大，而不是相应地与屏幕尺寸成比
我一直在尝试为我的网站制作一个导航栏，但是当我移动它时，我导航栏中的列表移动了 40 像素到计算机屏幕的右侧，那里没有任何东西。 你能帮帮我吗？ 最佳答案 在您的导航栏样式中，将导航栏的宽度设置为 1
一周以来，我一直不明白为什么我的网站被设计成响应式的，一切正常吗？笔记本电脑即使放在小尺寸的情况下也能完美运行，然后进入我的手机却没有响应。 我试过卸载插件，我更改了主题，但找不到原因。 你能抱住我吗
我在 my website 上实现了以下字体. /* Vivaldi Font */ @font-face { font-family: 'vivaldi'; src: url('as
我正在使用 Angular 4 并构建一个应用程序。它工作正常，但当我在移动设备上运行时出现问题。整个风格发生了变化并分发了整个应用程序。我担心我必须做什么。任何帮助将不胜感激 最佳答案 在表格前取
我目前使用的是 HTC Wildfire 手机的接近传感器。问题在于，如果传感器前方 1 厘米范围内有物体，它只会返回一个 bool 值。 所以，我想问一下市场上是否有一款 Android 手机具有接
根据 this Android C2DM 通过心跳机制使套接字保持 Activity 状态，使其能够接收推送消息。这让我希望我可以通过活跃的 wifi 连接向休眠手机发送消息。 我已经将“delay_
我不希望小型设备的边缘有任何空白。当屏幕已经很小时，使用除屏幕全宽之外的任何东西都会适得其反。 所以我通过wordpress使用了一个主题，但我想出了容器div并且能够修改它，我想让它更窄。 我还声明
有谁知道这些设备之一是否连接到网络，是否可以从 header 或其他方式读取其电话号码？ 最佳答案 电话号码不会出现在 HTTP header 中。您的 IP 地址将对网络服务器可见，仅此而已。 编辑
我在使用以下步骤在 android 设备上设置设备所有者时遇到错误。这过去在其他设备上也有效: 执行恢复出厂设置 在设备上启用 Debug模式 从命令行在连接的设备上运行以下命令: adb insta
有人尝试在 Windows Phone 7.1 (RC) 上使用 Udp 单播吗？我有几个问题想问你们。 根据文件http://msdn.microsoft.com/en-us/library/sys
我正在制作一个游戏(仅使用 eclipse 和 android sdk)，并且我有一个基于文本文件输入的关卡构建功能。 例如，“levelone.txt”可能包含“[2,5],[14,7],[10,9
我听说要测试 Android 应用程序，您必须在 2 部不同的手机上进行测试(取决于分辨率)推荐哪些手机？ 最佳答案 我还建议在一台配备“纯”Android 的设备上进行测试，并且至少在另一台配备 H
我正在使用蓝牙设备手动连接 Android 手机，没有问题。但我的问题是当我启动 Activity 或应用程序时如何自动连接。 我正在引用示例 API 中的蓝牙聊天进行连接。 http://devel
我知道我可以使用 uri 在页面之间传递值，例如: NavigationService.Navigate( new Uri("/DestinationPage.xaml?parameter1=v1",
我是一名优秀的程序员,十分优秀！