kaiking_g
kaiking_g
  • 发布:2016-12-22 11:31
  • 更新:2016-12-22 16:30
  • 阅读:1267

用了mui的这个布局,单页面切换时通过a标签来实现,为何模拟点击无法实现同样的效果?

分类:MUI
mui

问题描述:
1.用了mui的这个布局,页面之间的切换时通过a标签来实现。
2.现在有个mui.confirm();弹窗,点击确定就相当点击了上面的a标签,(这里有点想当模拟,可做了模拟无法实现)。请问大神,该怎么实现?

如:

<!--页面主结构开始-->  
<div id="app" class="mui-views">  
            <div class="mui-view">  
                <div class="mui-navbar">  
                </div>  
                <div class="mui-pages">  
                </div>  
            </div>  
        </div>  
<!--页面主结构结束-->  

<!--引用 start-->  
<a href="#protocol">《订票须知》</a>的条款</label>  
<div id="protocol" class="mui-page"></div>  
<!--引用 结束-->
2016-12-22 11:31 负责人:无 分享
已邀请:
赵梦欢

赵梦欢 - 专注前端,乐于分享!

什么意思?点击其中一个按钮然后弹出mui.confirm();弹窗?这个和这个单页组件有什么关系呢

fangyou

fangyou

<!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>  
        <link href="css/mui.min.css" rel="stylesheet" />  
        <script type="text/javascript" charset="utf-8">  
            mui.init();  

            function toIn() {  
                mui.confirm("1", "2", ['否', '是'], function(e) {  
                    if(e.index == 1) {  
                        location.href = "#in";  
                    }  
                })  
            }  
        </script>  
    </head>  

    <body>  
        <p>  
            <a onclick="toIn()">toIn</a>  
        </p>  
        <p>2</p>  
        <p>3</p>  
        <p>4</p>  
        <p>5</p>  
        <p>6</p>  
        <p>7</p>  
        <p>8</p>  
        <p>9</p>  
        <p>10</p>  
        <p>1</p>  
        <p>2</p>  
        <p>3</p>  
        <p>4</p>  
        <p>5</p>  
        <p>6</p>  
        <p>7</p>  
        <p>8</p>  
        <p>9</p>  
        <p>10</p>  
        <p>1</p>  
        <p>2</p>  
        <p>3</p>  
        <p>4</p>  
        <p>5</p>  
        <p>6</p>  
        <p>7</p>  
        <p>8</p>  
        <p>9</p>  
        <p>10</p>  
        <p>1</p>  
        <p>2</p>  
        <p>3</p>  
        <p>4</p>  
        <p id="in">5</p>  
        <p>6</p>  
        <p>7</p>  
        <p>8</p>  
        <p>9</p>  
        <p>10</p>  
    </body>  

</html>

是这个意思?

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