和尚丶
和尚丶
  • 发布:2015-03-09 17:07
  • 更新:2016-07-15 00:47
  • 阅读:4017

mui 底部选项卡 存在点击无反应BUG

分类:MUI
mui

mui 的底部选项卡控件nva 当只有两个选项的时候 会存在点击右侧选项卡无效,没有反应;

手机:MX3
系统:android 4.4

2015-03-09 17:07 负责人:无 分享
已邀请:
DCloud_UNI_FXY

DCloud_UNI_FXY

能否发一下测试代码。

和尚丶

和尚丶 (作者)

<!DOCTYPE html>  
<html>  

    <head>  
        <meta charset="utf-8">  
        <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />  
        <title>任意记谱</title>  
        <script src="../../js/mui.min.js"></script>  
        <script type="text/javascript" src="../../js/common.js"></script>  
        <link href="../../css/mui.min.css" rel="stylesheet" />  
        <link rel="stylesheet" href="../../css/custom.css" />  
        <style type="text/css">  
            html {  
                font-size: 100px;  
            }  
        </style>  
        <!--<script type="text/javascript">  
            var now = new Date()  
            var minDate = now.toString("yyyy-MM-dd");  
            alert(minDate);  
        </script>-->  
    </head>  

    <body>  
        <header class="mui-bar mui-bar-nav">  
            <a class="mui-action-back   mui-pull-left"></a>  
            <h1 class="mui-title">任意记谱</h1>  
        </header>  

        <form class="mui-input-group" style="margin-top: 45px;">  
            <div class="mui-input-row" style="height: 50px;padding-top: 8px;">  
                <label>日期</label>  
                <input id="GameDate" type="date" value="2015-01-01">  
            </div>  
            <div class="mui-input-row" style="height: 50px;padding-top: 8px;">  
                <label>执黑</label>  
                <input id="BlackPlayer" type="text" placeholder="执黑">  
            </div>  
            <div class="mui-input-row" style="height: 50px;padding-top: 8px;">  
                <label>执白</label>  
                <input id="WhitePlayer" type="text" placeholder="执白">  
            </div>  
            <div class="mui-input-row" style="height: 50px;padding-top: 8px;">  
                <label>棋份</label>  
                <input style="height: 0.39rem;width: 0.7rem;float: left;border-radius: 0px;padding-left: 10px;border: 1px solid #DEDEDE;border-right: 0px;margin-top: -3px;" type="button" id="fenxian" value="分先" />  
                <input style="height: 0.39rem;width: 0.7rem;float: left;border-radius: 0px;padding-left: 10px;border: 1px solid #DEDEDE;margin-top: -3px;" type="button" id="rangxian" value="让先" />  
                <input style="height: 0.39rem;width: 0.7rem;float: left;border-radius: 0px;padding-left: 10px;border: 1px solid #DEDEDE;border-left: 0px;margin-top: -3px;background-color: #009CDA;" type="button" id="rangzi" value="让子" />  

            </div>  
            <div class="mui-input-row" id="tiehuan" style="display:none;height: 50px;padding-top: 8px;">  
                <label>帖还数</label>  
                <input style="height: 0.39rem;width: 0.7rem;float: left;border-radius: 0px;padding-left: 7px;border: 1px solid #DEDEDE;margin-top: -3px;border-right: 0px;" type="button" id="fen1" value="3又3/4子" />  
                <input style="height: 0.39rem;width: 0.7rem;float: left;border-radius: 0px;padding-left: 8px;border: 1px solid #DEDEDE;margin-top: -3px;" type="button" id="fen2" value="6目半" />  
            </div>  
            <div class="mui-input-row" id="rangnumber" style="display:none;height: 50px;padding-top: 8px;">  
                <label>让子数</label>  
                <input id="Stones" type="number" placeholder="让子数">  
            </div>  
            <div class="mui-input-row" style="height: 50px;padding-top: 8px;">  
                <label>结果</label>  
                <input id="Result" type="text" placeholder="结果">  
            </div>  
            <div class="mui-input-row" style="height: 50px;padding-top: 8px;">  
                <label>地点</label>  
                <input id="GamePlace" type="text" placeholder="地点">  
            </div>  
            <div class="mui-input-row" style="height: 50px;padding-top: 8px;">  
                <label>备注</label>  
                <input id="Remark" type="text" placeholder="备注">  
            </div>  
            <div class="mui-input-row" style="height: 50px;padding-top: 8px;">  
                <label>登录人ID</label>  
                <input id="UpdateBy" type="text" placeholder="登录人ID">  
            </div>  

        </form>  
        <nav class="mui-bar mui-bar-tab">  
            <a style="color: #FFFFFF;" class="mui-tab-item mui-action-back">  
                 返回  
                </a>  
            <a id="next" style="color: #FFFFFF;" class="mui-tab-item">  
                  下一步  
                </a>  
        </nav>  

        <script type="text/javascript">  
             //7.5 6.5 1分2让3子  
             var qifen =3;  
             var tiehuanshu =null;  
            document.getElementById("next").addEventListener("click", function() {  

                var sgfinfo = {  
                    Id: "",  
                    GameDate: document.getElementById("GameDate").value,  
                    GamePlace: document.getElementById("GamePlace").value,  
                    BlackPlayerId: "",  
                    BlackPlayer: document.getElementById("BlackPlayer").value,  
                    WhitePlayerId: "",  
                    WhitePlayer: document.getElementById("WhitePlayer").value,  
                    Handicap: qifen,  
                    Stones: document.getElementById("Stones").value,  
                    Komi: tiehuanshu,  
                    Result: document.getElementById("Result").value,  
                    Sgf: "",  
                    Remark: document.getElementById("Remark").value,  
                    UpdateBy: document.getElementById("UpdateBy").value,  
                }  
DCloud_UNI_FXY

DCloud_UNI_FXY

你这个是webview的选项卡。如果是的话。发个测试工程过来

  • 和尚丶 (作者)

    475693869 加下QQ 我发给你

    2015-03-09 19:17

DCloud_UNI_FXY

DCloud_UNI_FXY

click事件换成tap事件

小花瓶

小花瓶

document.getElementById("mynav5").addEventListener('tap',function(){
window.location.href="i_index.php";
});

该问题目前已经被锁定, 无法添加新回复