PhoneGap中文网

 找回密码
 立即注册
查看: 10784|回复: 3
打印 上一主题 下一主题

jquerymobile 展开panel白屏

[复制链接]

22

主题

35

帖子

192

积分

注册会员

Rank: 2

积分
192
跳转到指定楼层
楼主
发表于 2015-4-20 20:58:14 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
小弟日前遇到jquerymobile的如下情况:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
<title>Dr.Passport</title>
    <link rel="stylesheet" href="css/jquery.mobile.structure-1.4.5.css">
    <link rel="stylesheet" href="css/style.css">
    <script src="js/jquery-2.1.1.min.js"></script>
    <script>
        $(document).on("mobileinit",function() {
            $.mobile.defaultPageTransition = "none";
        });
    </script>
    <script src="js/jquery.mobile-1.4.5.min.js"></script>
    <script src="cordova.js"></script>
    <script src="js/script.js"></script>
</head>
<body>
<!-- PAGE/ -->
<div data-role="page" id="_1_1" class="ui-page-theme-a">
    <!-- common side_menu/ -->
    <div data-role="panel" id="panel-reveal">
        <h1 class="menu_title"><a  href="#_1_1"><img src="img/logo_menu.svg"></a></h1>
     
        <ul class="menu01">
            <li><a  href="#_1_2" >_1_2</a></li>
            <li><a  href="#_1_3" >_1_3</a></li>
     <li><a  href="#_1_4" >_1_4</a></li>
        </ul>
    </div>
    <!-- /common side_menu -->
<div data-role="header" data-position="fixed" data-tap-toggle="false">
        <h1 class="page_title"></h1>
        <a class="burger_menu" href="#panel-reveal" data-role="button"><img src="img/icon_menu1.svg" height="34" width="48"></a>
        <div id="totop"><span>totop</span></div>
   
</div>
<!-- /PAGE -->

<!-- PAGE/ -->
<div data-role="page" id="_1_2" class="ui-page-theme-a">
    <!-- common side_menu/ -->
    <div data-role="panel" id="panel-reveal">
        <h1 class="menu_title"><a  href="#_1_1"><img src="img/logo_menu.svg"></a></h1>
     
        <ul class="menu01">
            <li><a  href="#_1_2" >_1_2</a></li>
            <li><a  href="#_1_3" >_1_3</a></li>
     <li><a  href="#_1_4" >_1_4</a></li>
        </ul>
    </div>
    <!-- /common side_menu -->
<div data-role="header" data-position="fixed" data-tap-toggle="false">
        <h1 class="page_title"></h1>
        <a class="burger_menu" href="#panel-reveal" data-role="button"><img src="img/icon_menu2.svg" height="34" width="48"></a>
        <div id="totop"><span>totop</span></div>
   
</div>
<!-- /PAGE -->
<!-- PAGE/ -->
<div data-role="page" id="_1_3" class="ui-page-theme-a">
    <!-- common side_menu/ -->
    <div data-role="panel" id="panel-reveal">
        <h1 class="menu_title"><a  href="#_1_1"><img src="img/logo_menu.svg"></a></h1>
     
        <ul class="menu01">
            <li><a  href="#_1_2" >_1_2</a></li>
            <li><a  href="#_1_3" >_1_3</a></li>
     <li><a  href="#_1_4" >_1_4</a></li>
        </ul>
    </div>
    <!-- /common side_menu -->
<div data-role="header" data-position="fixed" data-tap-toggle="false">
        <h1 class="page_title"></h1>
        <a class="burger_menu" href="#panel-reveal" data-role="button"><img src="img/icon_menu3.svg" height="34" width="48"></a>
        <div id="totop"><span>totop</span></div>
   
</div>
<!-- /PAGE -->
<!-- PAGE/ -->
<div data-role="page" id="_1_4" class="ui-page-theme-a">
    <!-- common side_menu/ -->
    <div data-role="panel" id="panel-reveal">
        <h1 class="menu_title"><a  href="#_1_1"><img src="img/logo_menu.svg"></a></h1>
     
        <ul class="menu01">
            <li><a  href="#_1_2" >_1_2</a></li>
            <li><a  href="#_1_3" >_1_3</a></li>
     <li><a  href="#_1_4" >_1_4</a></li>
        </ul>
    </div>
    <!-- /common side_menu -->
<div data-role="header" data-position="fixed" data-tap-toggle="false">
        <h1 class="page_title"></h1>
        <a class="burger_menu" href="#panel-reveal" data-role="button"><img src="img/icon_menu4.svg" height="34" width="48"></a>
        <div id="totop"><span>totop</span></div>
   
</div>
<!-- /PAGE -->
</body>
</html>
在script.js中有如下js:$(document).on('click', '.burger_menu',function (event) {
  $(this).parent('div').prev().panel("open")
  return false;
});
用来展开panel,
问题是:有时候点击这个链接panel可以展开.但是panel里却是白茫茫的一片! 链接都看不见了!
求大神指点一二!
回复

使用道具 举报

493

主题

2035

帖子

6894

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
6894
沙发
发表于 2015-4-20 21:45:53 | 只看该作者
http://www.phonegap100.com/course.php   第一季教程看看
回复 支持 反对

使用道具 举报

0

主题

18

帖子

50

积分

注册会员

Rank: 2

积分
50
板凳
发表于 2015-5-11 13:21:02 | 只看该作者
人不错,学习学习 感觉phonegap+html应该是趋势
回复 支持 反对

使用道具 举报

0

主题

17

帖子

55

积分

注册会员

Rank: 2

积分
55
地板
发表于 2015-5-11 13:00:09 | 只看该作者
非常好 开始学习html5 app开发了
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关闭

站长推荐 上一条 /1 下一条

ionic4视频教程

Archiver|手机版|小黑屋| PhoneGap中文网 ( 京ICP备13027796号-1 )  

GMT+8, 2024-11-5 21:44 , Processed in 0.080006 second(s), 28 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表