评论：h5滑动模态框适用移动端  [查看原文]

你好问一下

beforeOpen: function() {
    console.log('before open callback');
    document.getElementById('result').innerHTML == "bbbbb";
},

 这里面为啥改变不了P标签里面的内容啊

<script id="J-alert" type="text/html">
    <div class="mark">
        <div class=" container">
            <p style="text-align: center">恭喜你抽中了
                <p d="result" style="text-align: center; color: #ff6c8c; font-size: 20px; font-weight: bold">500元优惠券
                    <div class="commit-bg">
                        <button id="commit-btn" class="commit-btn" onclick="javascript:commit_action">确认提交</button>
                    </div>
        </div>
        <img id="close-alert" src="<%=request.getContextPath()%>/unicorn_aged/activities/luck/img/close_btn.png" class="close-btn">
    </div>
</script>

慕牧木0
2019/7/23 15:13:46
用afterOpen试试呗

慕牧木1
2019/7/17 10:41:07
1. 弹窗右侧加个 "x" 绑定事件，然后手动调关闭弹窗的方法就行了
2. 我这个就是个简单弹窗，不支持多层欠套的

慕牧木0
2019/7/17 10:37:04
覆盖css样式就行了

慕牧木0
2019/6/26 9:34:56
你可以把这个封装到一个方法里，定时器完事了直接调方法不就行了

SunJim0
2019/6/26 9:53:16

function showResult(index) {
    // alert('恭喜你中了第'+ index +'个')
    var instance = null;
    $('#luck').delegate('.cjBtn', 'auto', function(e) {
        var type = $(this).attr('data-type');
        instance = $(this).slideAlert({
            type: type,
            content: $('#J-' + type).html(),
            beforeOpen: function() {
                console.log('before open callback');
            },
            afterClose: function() {
                console.log('after close callback');
            },
            afterOpen: function() {
                console.log('after open callback');
            },
            shadeClose: true,
            time: $(this).attr('data-time')
        });
    });
    $('#J-close-tips').on('click', function(e) {
        instance.closeTips()
    })
}

我是封到方法里了 但是怎么都不出来

SunJim0
2019/6/26 9:54:20

<div id="bottom" class="bottomBg">
    <div class="shanDeng" id="deng">
        <div id="luck">
            <!-- luck -->
            <table>
                <tr>
                    <td class="luck-unit luck-unit-0"><img src="./img/1.png" class="prize"></td>
                    <td class="luck-unit luck-unit-1"><img src="./img/2.png" class="prize"></td>
                    <td class="luck-unit luck-unit-2"><img src="./img/3.png" class="prize"></td>
                </tr>
                <tr>
                    <td class="luck-unit luck-unit-7"><img src="./img/6.png" class="prize"></td>
                    <td class="cjBtn" id="btn" data-type="alert"></td>
                    <td class="luck-unit luck-unit-3"><img src="./img/5.png" class="prize"></td>
                </tr>
                <tr>
                    <td class="luck-unit luck-unit-6"><img src="./img/3.png" class="prize"></td>
                    <td class="luck-unit luck-unit-5"><img src="./img/4.png" class="prize"></td>
                    <td class="luck-unit luck-unit-4"><img src="./img/8.png" class="prize"></td>
                </tr>
            </table>
        </div>
        <!-- luckEnd -->
    </div>
</div>

慕牧木1
2019/6/26 10:32:50

function showResult(index) {
    // alert('恭喜你中了第'+ index +'个')
    var instance = $(this).slideAlert({
        type: type,
        content: $el.html(),
        beforeOpen: function() {
            console.log('before open callback');
        },
        afterClose: function() {
            console.log('after close callback');
        },
        afterOpen: function() {
            console.log('after open callback');
        },
        shadeClose: true,
        time: $(this).attr('data-time')
    });
}

这样写调方法就能出来了

慕牧木0
2019/6/26 10:43:13
或者用trigger也行

SunJim0
2019/6/26 13:14:47
3q 已经可以了

慕牧木1
2019/6/12 13:35:20
浮层容器的id是这个：J-jq-sd-alert， 您可以在beforeOpen 里为容器加一个您自己的css类，然后覆盖样式就可以了。

SunJim0
2019/6/12 13:44:28
ok 我试试 多谢大神指导 我是个小白

SunJim1
2019/6/11 10:06:50

afterOpen 里面加上这个就好了。

document.documentElement.style.overflow='hidden';
document.body.style.overflow='hidden';//手机版设置这个。

prizeList.html?_ijt=8dv5qkqj6glpp633q0jqrbs64a:127 Uncaught TypeError: $(...).slideAlert is not a function
    at HTMLButtonElement.<anonymous> (prizeList.html?_ijt=8dv5qkqj6glpp633q0jqrbs64a:127)
    at HTMLDivElement.l (zepto.min.js:2)
    at HTMLDivElement.a.proxy (zepto.min.js:2)

咋回事啊这是

慕牧木0
2019/6/10 16:55:52
您确定引入顺序是正确的吗，先是zepto.js 然后是 slideAlert.js 然后是 你自己的js

SunJim0
2019/6/10 17:07:17
3q解决了 就是引入顺序的事

慕牧木0
2019/2/15 15:05:52
添加了 点击黑色蒙版不自动关闭 的选项，不清楚是不是你说的 不自动关闭 ，等版本更新了以后你可以看下

a2942285660
2019/2/16 0:03:35
你说这个也是我想要的，不过我一开始想说的是，能不能不要定时关闭tip？等我自己调用close才关闭

慕牧木0
2019/4/8 12:52:37
一直显示的话传 time:0 , 手动关闭加了个 closeTips 方法

慕牧木0
2019/1/18 12:41:20
已经修复，等审核通过就行了

慕牧木0
2018/8/10 15:44:41
什么bug啊