PhoneGap中文网

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

页面切换问题

[复制链接]

8

主题

20

帖子

220

积分

中级会员

Rank: 3Rank: 3

积分
220
跳转到指定楼层
楼主
发表于 2014-8-12 08:37:14 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
本帖最后由 sjygive 于 2014-8-14 08:33 编辑

切换顺序为A->B->C,如果A和B的Panel有相同触摸跳转的区域,在安卓上,正常情况是点击A的跳转区域跳转到B panel,但有时会触发到B相同区域的跳转,自动跳到C panel,在苹果上就没有发生过,请问有没有人遇到相同的问题,有好的解决方法吗,小菜鸟谢谢了!
补充一句:这个问题是在真机测试才会出现的
整理了问题代码并附上:(主要是从A跳转到B时,有时自动触发到B界面里面的第一个li标签里的onclick时间)
<!DOCTYPE html>
<!--HTML5 doctype-->
<html>

<head>
    <title>test</title>
    <meta http-equiv="Content-type" content="text/html; charset=utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0" />
    <link rel="stylesheet" type="text/css" href="css/icons.css" />
    <link rel="stylesheet" type="text/css" href="css/main.css" />
    <link rel="stylesheet" type="text/css" href="css/appframework.css" />
    <link rel="stylesheet" type="text/css" href="css/lists.css" />
    <link rel="stylesheet" type="text/css" href="css/forms.css" />
    <link rel="stylesheet" type="text/css" href="css/buttons.css" />
    <link rel="stylesheet" type="text/css" href="css/badges.css" />
    <link rel="stylesheet" type="text/css" href="css/grid.css" />
    <link rel="stylesheet" type="text/css" href="plugins/css/af.actionsheet.css" />
    <link rel="stylesheet" type="text/css" href="plugins/css/af.popup.css" />
    <link rel="stylesheet" type="text/css" href="plugins/css/af.scroller.css" />
    <link rel="stylesheet" type="text/css" href="plugins/css/af.selectBox.css" />

    <script type="text/javascript" charset="utf-8" src="js/appframework.js"></script>
    <script type="text/javascript" charset="utf-8" src="./plugins/af.actionsheet.js"></script>
    <script type="text/javascript" charset="utf-8" src="./plugins/af.css3animate.js"></script>
    <script type="text/javascript" charset="utf-8" src="./plugins/af.passwordBox.js"></script>
    <script type="text/javascript" charset="utf-8" src="./plugins/af.scroller.js"></script>
    <script type="text/javascript" charset="utf-8" src="./plugins/af.selectBox.js"></script>
    <script type="text/javascript" charset="utf-8" src="./plugins/af.touchEvents.js"></script>
    <script type="text/javascript" charset="utf-8" src="./plugins/af.touchLayer.js"></script>
    <script type="text/javascript" charset="utf-8" src="./plugins/af.popup.js"></script>
    <script type="text/javascript" charset="utf-8" src="./ui/appframework.ui.js"></script>
    <script type="text/javascript" charset="utf-8" src="./ui/transitions/fade.js"></script>
    <script type="text/javascript" charset="utf-8" src="./ui/transitions/flip.js"></script>
    <script type="text/javascript" charset="utf-8" src="./ui/transitions/pop.js"></script>
    <script type="text/javascript" charset="utf-8" src="./ui/transitions/slide.js"></script>
    <script type="text/javascript" charset="utf-8" src="./ui/transitions/slideDown.js"></script>
    <script type="text/javascript" charset="utf-8" src="./ui/transitions/slideUp.js"></script>
    <script type="text/javascript" charset="utf-8" src="./plugins/af.slidemenu.js"></script>

</head>

<body>
    <div id="afui">
        <div id="content">
            <div title="A" id="gongneng" class="panel" selected="true">
                <div style="margin:5px auto; width: 25%; float:left;">
                            <center>
                                <a href="#buildfilehistory" style="text-decoration: none;">
                                    <img src="" style="width: 50px;">
                                    
                                    <font style="font-size: 15px; color: #9A9495;">aaaa</font>
                                </a>
                            </center>
                        </div>
            </div>
        <div title='B' id="buildfilehistory" class="panel">
                <ul>
                    <li>
                        <div onclick='alert("1");javascript:$.ui.loadContent("#buildfile",false,false,"slide");'>
                        <div>
                            <a class="icon info big"></a>
                        </div>
                        <div style="float:left;">
                            <p>
                                <font>aaa:</font>
                                <font>bbbb</font>
                            </p>
                            <p>
                                <font>ccc:</font>
                                <font>sssss</font>
                            </p>
                        </div>
                        <div style="clear: both;"></div>
                            </div>
                    </li>
                    <li>
                        <div onclick='alert("2");javascript:$.ui.loadContent("#buildfile",false,false,"slide");'>
                        <div>
                            <a class="icon info big"></a>
                        </div>
                        <div style="float:left;">
                            <p>
                                <font>aaa:</font>
                                <font>bbbb</font>
                            </p>
                            <p>
                                <font>ccc:</font>
                                <font>sssss</font>
                            </p>
                        </div>
                        <div style="clear: both;"></div>
                            </div>
                    </li>
                    <li>
                        <div onclick='alert("3");javascript:$.ui.loadContent("#buildfile",false,false,"slide");'>
                        <div>
                            <a class="icon info big"></a>
                        </div>
                        <div style="float:left;">
                            <p>
                                <font>aaa:</font>
                                <font>bbbb</font>
                            </p>
                            <p>
                                <font>ccc:</font>
                                <font>sssss</font>
                            </p>
                        </div>
                        <div style="clear: both;"></div>
                            </div>
                    </li>
                </ul>
        </div>
        <div title='C' id="buildfile" class="panel">
            <div>
                这里是C界面
            </div>
        </div>
    </div>
</body>

</html>
回复

使用道具 举报

493

主题

2035

帖子

6894

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
6894
沙发
发表于 2014-8-12 20:31:08 | 只看该作者
亲 你使用的是什么框架
回复 支持 反对

使用道具 举报

8

主题

20

帖子

220

积分

中级会员

Rank: 3Rank: 3

积分
220
板凳
 楼主| 发表于 2014-8-13 08:26:16 | 只看该作者
appframework
回复 支持 反对

使用道具 举报

8

主题

20

帖子

220

积分

中级会员

Rank: 3Rank: 3

积分
220
地板
 楼主| 发表于 2014-8-13 08:27:44 | 只看该作者
admin 发表于 2014-8-12 20:31
亲 你使用的是什么框架

appframework
回复 支持 反对

使用道具 举报

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

本版积分规则

关闭

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

ionic4视频教程

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

GMT+8, 2024-11-23 02:49 , Processed in 0.087322 second(s), 27 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

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