Jquery mobile jQuery移动对话框不使用新页面
我有一个建立在jQuery Mobile上的网站,我正试图在一个对话框中打开我们的服务条款。 TOS页面本身是一个完整的页面(单独的URL),当我链接到对话框引用时,它只是作为一个新页面打开。 我的页脚是Jquery mobile jQuery移动对话框不使用新页面,jquery-mobile,dialog,Jquery Mobile,Dialog,我有一个建立在jQuery Mobile上的网站,我正试图在一个对话框中打开我们的服务条款。 TOS页面本身是一个完整的页面(单独的URL),当我链接到对话框引用时,它只是作为一个新页面打开。 我的页脚是 <div data-role="footer" data-theme="<?php echo $dataTheme ?>"> <div data-role="navbar"> <ul> <li>
<div data-role="footer" data-theme="<?php echo $dataTheme ?>">
<div data-role="navbar">
<ul>
<li><a href="/">Home</a></li>
<li><a rel="external" href="http://www.trackmaster.com">Full Site</a></li>
<li><a href="/tosfull.php" data-rel="dialog" data-transition="pop">Terms</a></li>
<li><a href="https://<?php echo $_SERVER['SERVER_NAME']; ?>/cgi-bin/my_acct_entry.cgi">My Account</a></li>
</ul>
</div>
</div>
您要么缺少一个
,要么它们不匹配;你有两个“内容”分区
编辑:把一个放在另一个里面可能没问题,只是要注意,
从未关闭过。不知道这是否有什么区别。发现了问题。
标题中的行
$.mobile.ajaxEnabled=false;
我把它注释掉了,对话框链接按预期工作
问题出在哪里,我正在测试它,看看当我把它拔出来时,还有什么东西坏了:-)。
TOS页面的数据角色不相关,因为将其加载为对话框会自动分配对话框数据角色谢谢,让我先解决布局问题,看看这是否能纠正问题,对于缺少的div close修复,仍然没有什么乐趣。只是要明确一点:在您的链接中,您有当提到我使用tosfull.php的TOS页面时:),只有一个页面是tosfull.php。问题是我在标题中禁用了Ajax,但感谢您找到了borked结构(不确定为什么我在最初的测试中错过了它),实际上我指的是它特别指出的地方:“我的tos.php页面是(为了方便而剥离内容)”
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="author" content="AXCIS Information Network">
<title>TrackMaster Terms of Service</title>
<link rel="stylesheet" href="http://mobiletest.trackmaster.com/styles/mobile/themes/TrackMasterMobile.min.css" />
<link rel="stylesheet" href="http://mobiletest.trackmaster.com/styles/mobile/jquery.mobile.structure-1.2.0.min.css" />
<script src="http://mobiletest.trackmaster.com/javascript/frameworks/jquery-current.min.js"></script>
<link rel="stylesheet" href="http://mobiletest.trackmaster.com/styles/mobile/mobileStyle.css" />
<!-- Make sure there is a back button on each page -->
<script type="text/javascript">
$(document).bind("mobileinit", function(){
$.mobile.ajaxEnabled = false;
$.mobile.page.prototype.options.addBackBtn= true;
});
</script>
<script src="http://mobiletest.trackmaster.com/javascript/frameworks/jquery.mobile-current.min.js"></script>
</head>
<body>
<div data-role="page" data-theme="a" id="main">
<div data-role="header">
<h1 class="headerLink"><a href="/" class="headerLink"><span class="tmFirst">Track</span><span class="tmSecond">Master</span></a> </h1>
<a href="/" data-icon="home" data-iconpos="notext">Home</a>
</div>
<div data-role="content" data-theme="a">
<div data-role="content" class="informationText">
Blah, Blah, Blah
</div>
</div> <!-- this one closes out the content div set in the section header template -->
<div data-role="footer" data-theme="a">
<div data-role="navbar">
<ul>
<li><a href="/">Home</a></li>
<li><a rel="external" href="http://www.trackmaster.com">Full Site</a></li>
<li><a href="/tosfull.php" data-rel="dialog" data-transition="pop">Terms</a></li>
<li><a href="https://mobiletest.trackmaster.com/cgi-bin/my_acct_entry.cgi">My Account</a></li>
</ul>
</div>
<h5 class="copyrightText">© 2013 Axcis Information Network, Inc.</h5>
<div class="ads">
<script type="text/javascript"><!--
google_ad_client = "ca-pub-7303976721498796";
/* Mobile Bottom */
google_ad_slot = "5684536575";
google_ad_width = 320;
google_ad_height = 50;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
</div>
</div> <!-- this one closes out the page div set in the header template -->
</body>
</html>