PhoneGap中文网
标题:
jqmobi页面的特效问题
[打印本页]
作者:
cuijiyi
时间:
2014-3-20 21:21
标题:
jqmobi页面的特效问题
我把我开发的页面搭载在nodejs的服务器上。电脑端访问和预期的结果一样，页面可以滑动转换页面，可是用手机浏览器去访问就不行了，我也不知是为啥，求助!!!核心代码如下： <!-- 新闻动态 -->
<div id="news" title="新闻动态" class="panel" data-footer='none'>
<!-- 上下拖拉刷新 -->
<div id="news_title"><span class="news_trends">最新新闻</span><span class="news_technology">技术新闻</span></div>
<div id="news_title2"><span class="news_trends">技术新闻</span><span class="news_technology">最新新闻</span></div>
<!-- 最新动态 -->
<div id="news_trend">
<ul class="swipetest">
<li>
<img src="image/touxiang.jpg" alt="">
<p clsaa="news_acl_title">Hadoop家族安装系列(1)</p>
<span>人气：343</span>
<span>评论：20</span>
<span class="icon heart big"></span>
<span style="background:url(image/share.png) center no-repeat;"> </span>
</li>
<li>
<img src="image/touxiang.jpg" alt="">
<p clsaa="news_acl_title">Hadoop家族安装系列(1)</p>
<span>人气：343</span>
<span>评论：20</span>
<span class="icon heart big"></span>
<span style="background:url(image/share.png) center no-repeat;"> </span>
</li>
<li>
<img src="image/touxiang.jpg" alt="">
<p clsaa="news_acl_title">Hadoop家族安装系列(1)</p>
<span>人气：343</span>
<span>评论：20</span>
<span class="icon heart big"></span>
<span style="background:url(image/share.png) center no-repeat;"> </span>
</li>
<li>
<img src="image/touxiang.jpg" alt="">
<p clsaa="news_acl_title">Hadoop家族安装系列(1)</p>
<span>人气：343</span>
<span>评论：20</span>
<span class="icon heart big"></span>
<span style="background:url(image/share.png) center no-repeat;"> </span>
</li>
<li>
<img src="image/touxiang.jpg" alt="">
<p clsaa="news_acl_title">Hadoop家族安装系列(1)</p>
<span>人气：343</span>
<span>评论：20</span>
<span class="icon heart big"></span>
<span style="background:url(image/share.png) center no-repeat;"> </span>
</li>
</ul>
</div>
<!-- 技术文章 -->
<div id="news_tech">
<ul class="swipetest">
<li>
<img src="image/touxiang.jpg" alt="">
<p clsaa="news_acl_title">Hadoop家族安装系列(1)——Hadoop1.2.1分布式安装</p>
<span>人气：343</span>
<span>评论：20</span>
<span class="icon heart big"></span>
<span style="background:url(image/share.png) center no-repeat;"> </span>
</li>
<li>
<img src="image/touxiang.jpg" alt="">
<p clsaa="news_acl_title">Hadoop家族安装系列(1)——Hadoop1.2.1分布式安装</p>
<span>人气：343</span>
<span>评论：20</span>
<span class="icon heart big"></span>
<span style="background:url(image/share.png) center no-repeat;"> </span>
</li>
<li>
<img src="image/touxiang.jpg" alt="">
<p clsaa="news_acl_title">Hadoop家族安装系列(1)——Hadoop1.2.1分布式安装</p>
<span>人气：343</span>
<span>评论：20</span>
<span class="icon heart big"></span>
<span style="background:url(image/share.png) center no-repeat;"> </span>
</li>
<li>
<img src="image/touxiang.jpg" alt="">
<p clsaa="news_acl_title">Hadoop家族安装系列(1)——Hadoop1.2.1分布式安装</p>
<span>人气：343</span>
<span>评论：20</span>
<span class="icon heart big"></span>
<span style="background:url(image/share.png) center no-repeat;"> </span>
</li>
<li>
<img src="image/touxiang.jpg" alt="">
<p clsaa="news_acl_title">Hadoop家族安装系列(1)——Hadoop1.2.1分布式安装</p>
<span>人气：343</span>
<span>评论：20</span>
<span class="icon heart big"></span>
<span style="background:url(image/share.png) center no-repeat;"> </span>
</li>
</ul>
</div>
<script>
$(document).ready(function(){
$(".swipetest").bind("swipe",function(){
var oSpan1=document.getElementById('news_title');
var oDiv1=document.getElementById('news_trend');
var oSpan2=document.getElementById('news_title2');
var oDiv2=document.getElementById('news_tech');
if(oDiv1.style.display=='block'){
oDiv1.style.display='none';
oDiv2.style.display='block';
oSpan1.style.display='none';
oSpan2.style.display='block';
}
else{
oDiv1.style.display='block';
oDiv2.style.display='none';
oSpan1.style.display='block';
oSpan2.style.display='none';
}
})
});
</script>
</div>
作者:
爱哭的鱼
时间:
2014-3-20 21:24
学习了，不错
作者:
爱哭的鱼
时间:
2014-3-21 02:17
这是东东好,支持一下 感谢楼主 好资源收藏了
欢迎光临 PhoneGap中文网 (http://bbs.phonegap100.com/)
Powered by Discuz! X3.2