注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

浮游生物的博客

以扯蛋的态度面对操蛋的人生

 
 
 

日志

 
 

手机站加百度商桥代码后生成页面变空白的解决方法  

2014-02-14 17:36:21|  分类: js+jQuery |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
  用DEDE建新手机站后一切正常,竞价要求加入商桥代码,结果重新生成后页面在谷歌下变成空白,其它浏览器出现百度统计图标外其它一切空白,原代码如下:

<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
<html class="ui-mobile" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<title>{dede:global.cfg_webname/}</title>
<link rel="stylesheet" type="text/css" href="/css/jquery.mobile.css"/>
<link rel="stylesheet" type="text/css" href="/css/base.css"/>
<script type="text/javascript" src="/js/jquery.js"></script>
<script type="text/javascript" src="/js/jquery.mobile.js"></script>
<script type="text/javascript" src="/js/idangerous.swiper-1.9.1.min.js"></script>
<script type="text/javascript" src="/js/ko.js"></script>

<script type="text/javascript">

$(document).ready(function(){
//Main Swiper
var swiperFree = $('.swiper-free').swiper({
pagination : '.pagination-free',
freeModeFluid: true,
autoPlay:5000,
slidesPerSlide :1
})
    //Clickable pagination
    $('.pagination-free .swiper-pagination-switch').click(function(){
    swiperFree.swipeTo($(this).index());
    })
});
</script>
</head>

<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<noscript><div id="nojs"> 你的浏览器不支持或者禁用JavaScript功能。请在设置选项中打开该功能。 </div> </noscript>


{dede:include filename="head.htm"/} 
  
<tr>
 <td colspan="2" class="tit"><h1>常见病种</h1><span>&nbsp;&nbsp;<a href="http://dgt.zoosnet.net/LR/Chatpre.aspx?id=DGT25193677">立即咨询</a></span></td>
</tr>
<tr>
<td colspan="2" align="center" valign="middle"><ol><li>妇科炎症</li><li>宫颈疾病</li><li>异常出血</li><li>内分泌失调</li><li>子宫肌瘤</li><li>妇科整形</li><li>妇科炎症</li><li>宫颈疾病</li></ol></td>
</tr>
{dede:include filename="footer.htm"/} 

</body>
</html>

发现只有去掉JQUERY相关JS插件代码才能加入商桥后无问题,但这样就没有其JQ相关效果。经过测试后发现是没有加入data-role所致,修改后代码如下:

<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
<html class="ui-mobile" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<title>{dede:global.cfg_webname/}</title>
<link rel="stylesheet" type="text/css" href="/css/jquery.mobile.css"/>
<link rel="stylesheet" type="text/css" href="/css/base.css"/>
<script type="text/javascript" src="/js/jquery.js"></script>
<script type="text/javascript" src="/js/jquery.mobile.js"></script>
<script type="text/javascript" src="/js/idangerous.swiper-1.9.1.min.js"></script>
<script type="text/javascript" src="/js/ko.js"></script>

<script type="text/javascript">

$(document).ready(function(){
//Main Swiper
var swiperFree = $('.swiper-free').swiper({
pagination : '.pagination-free',
freeModeFluid: true,
autoPlay:5000,
slidesPerSlide :1
})
    //Clickable pagination
    $('.pagination-free .swiper-pagination-switch').click(function(){
    swiperFree.swipeTo($(this).index());
    })
});
</script>
</head>

<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<noscript><div id="nojs"> 你的浏览器不支持或者禁用JavaScript功能。请在设置选项中打开该功能。 </div> </noscript>
<!--此“data-role”属性是HTML 5的一个新特征,通过设置该属性,jQuery Mobile就可以很快地定位到指定的元素,并对内容进行相应的处理。
如果没有这个DIV,添加百度商桥统计代码将会导致其页面空白-->
<div data-role="page">

{dede:include filename="head.htm"/} 
  
<tr>
 <td colspan="2" class="tit"><h1>常见病种</h1><span>&nbsp;&nbsp;<a href="http://dgt.zoosnet.net/LR/Chatpre.aspx?id=DGT25193677">立即咨询</a></span></td>
</tr>
<tr>
<td colspan="2" align="center" valign="middle"><ol><li>妇科炎症</li><li>宫颈疾病</li><li>异常出血</li><li>内分泌失调</li><li>子宫肌瘤</li><li>妇科整形</li><li>妇科炎症</li><li>宫颈疾病</li></ol></td>
</tr>
{dede:include filename="footer.htm"/} 

</div>
</body>
</html>
  评论这张
 
阅读(1052)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2018