萌新求助layer mobile,底部对话框怎么用到button按钮上

提问 已结 8 185
Wealth
Wealth 2019-11-2
悬赏:20飞吻
版本:layui 浏览器:
底部对话框怎么绑定到button按钮或者a标签的href上,求助大神帮助。十分感谢

http://layer.layui.com/mobile/
<body>


<button class="layui-btn" id="AA">点击按钮</button>

<a href="AA" style="width: 6rem;line-height: 2rem;height: 2rem;">点击按钮</a>


<script>
//底部对话框

layer.open({
content: '这是一个底部弹出的询问提示'
,btn: ['删除', '取消']
,skin: 'footer'
,yes: function(index){
layer.open({content: '执行删除操作'})
}
});



</script>
<script src="./mobile/jquery-3.4.1.min.js"></script>
<script src="./mobile/layer.js"></script>
</body>
我像图中这样写没有效果,点不出来
回帖
  • type都没有 layer.open需要配置type=1或者2
    0 回复
  • Wealth
    2019-11-3
    @点烟燃人生2号 怎么写啊,我加上点击还是不显示[泪]
      $('#AA').on('click',function(){
    layer.open({
    type: 1,
    content: '这是一个底部弹出的询问提示'
    ,btn: ['删除', '取消']
    ,skin: 'footer'
    ,yes: function(index){
    layer.open({content: '执行删除操作'})
    }
    });
    }
    0 回复
  • @Wealth 你自己F12检查啊,都不知道你引入jquery了没有
    0 回复
  • Wealth
    2019-11-3
    @点烟燃人生2号 有引用的,大佬帮我看看这是什么错误,提示:Uncaught SyntaxError: missing ) after argument list

    页面地址:http://104.233.227.83/user.php?cid=0&uid=19

    用电脑版其它都正常,就layer mobile移动版这个不行

    <body>


    <button class="layui-btn" id="AA">点击按钮</button>

    <a href="AA" style="width: 6rem;line-height: 2rem;height: 2rem;">点击按钮</a>


    <script src="./mobile/jquery-3.4.1.min.js"></script>
    <script src="./mobile/layer.js"></script>
    <script>

    $('#AA').on('click',function(){
    layer.open({
    type: 1,
    content: '这是一个底部弹出的询问提示'
    ,btn: ['删除', '取消']
    ,skin: 'footer'
    ,yes: function(index){
    layer.open({content: '执行删除操作'})
    }
    });
    }


    </script>

    </body>
    0 回复
  • Wealth
    2019-11-3
    @点烟燃人生2号 移动版这个还没什么文档:http://layer.layui.com/mobile/

    不知道该怎么写,页面上只放这个代码能正常显示
      //底部对话框
    layer.open({
    content: '这是一个底部弹出的询问提示'
    ,btn: ['删除', '取消']
    ,skin: 'footer'
    ,yes: function(index){
    layer.open({content: '执行删除操作'})
    }
    });
    但是加上
    $('#AA').on('click',function(){
    引用到按钮上就不行了[泪]
    0 回复
  • @Wealth 上面说了啊,你里面的jquery正常引入了吗?你用$('#AA').on('click',function(){
    console.log(214);能打出东西来么?或者这里放个alert(111)能弹出来吗?
    })
    0 回复
  • 如果是实体,你就用$('#AA').click();这样直接试试,有可能on绑定的有问题 都自己试试
    0 回复
  • Wealth
    2019-11-5
    @点烟燃人生2号 感谢您的帮助,我试出来了。移动版的不能$('#AA').click();这样直接写
    <body>
    <button id="btn" type="button" class="btn btn-primary" data-loading-text>点击按钮</button>

    <script>
    $(function() {
    $(".btn").click(function(){
    layer.open({
    content: '这是一个底部弹出的询问提示'
    ,btn: ['删除', '取消']
    ,skin: 'footer'
    ,yes: function(index){
    layer.open({content: '执行删除操作'})
    }
    });
    });
    });

    </script>
    </body>
    0 回复