jqmobi页面的特效问题

cuijiyi

我把我开发的页面搭载在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>

爱哭的鱼

学习了，不错

爱哭的鱼

这是东东好,支持一下 感谢楼主 好资源收藏了