Question

我有Zoplim插件（聊天功能）我希望在点击我的按钮之前隐藏它。

因此，聊天室将被隐藏，直到点击Wen测试按钮，然后是教室显示

脚本

<script type="text/javascript">
    window.$zopim || (function (d, s) {
        var z = $zopim = function (c) {
            z._.push(c)
        }, $ = z.s =
                d.createElement(s), e = d.getElementsByTagName(s)[0];
        z.set = function (o) {
            z.set._.push(o)
        };
        z._ = [];
        z.set._ = [];
        $.async = !0;
        $.setAttribute('charset', 'utf-8');
        $.src = '//v2.zopim.com/?1l9izSc2QRurE71l1L7ugke4Soo38dPc';
        z.t = +new Date;
        $.type = 'text/javascript';
        e.parentNode.insertBefore($, e)
    })(document, 'script');
</script>

我的按钮HTML

 <button id="finish-button" class="button finish m2">End test</button>

我尝试了什么

<script type="text/javascript">
    document.getElementById("finish-button").onclick = function()
    {myFunction()};
        window.$zopim || (function (d, s) {
            var z = $zopim = function (c) {
                z._.push(c)
            }, $ = z.s =
                    d.createElement(s), e = d.getElementsByTagName(s)[0];
            z.set = function (o) {
                z.set._.push(o)
            };
            z._ = [];
            z.set._ = [];
            $.async = !0;
            $.setAttribute('charset', 'utf-8');
            $.src = '//v2.zopim.com/?1l9izSc2QRurE71l1L7ugke4Soo38dPc';
            z.t = +new Date;
            $.type = 'text/javascript';
            e.parentNode.insertBefore($, e)
        })(document, 'script');
</script>

Answer 1

按下现在功能myFunction()的完成按钮后，只需输入您想要的代码。

注意按下完成按钮时的错误，因为执行脚本时，在此程序中没有考虑到某些事项。

＆＃13;

<button id="finish-button" class="button finish m2">End test</button>

<script type="text/javascript">
            document.getElementById("finish-button").onclick = function() {
                window.$zopim || (function (d, s) {
                    var z = $zopim = function (c) {
                        z._.push(c)
                    }, $ = z.s =
                            d.createElement(s), e = d.getElementsByTagName(s)[0];
                    z.set = function (o) {
                        z.set._.push(o)
                    };
                    z._ = [];
                    z.set._ = [];
                    $.async = !0;
                    $.setAttribute('charset', 'utf-8');
                    $.src = '//v2.zopim.com/?1l9izSc2QRurE71l1L7ugke4Soo38dPc';
                    z.t = +new Date;
                    $.type = 'text/javascript';
                    e.parentNode.insertBefore($, e)
                })(document, 'script');
              }
        </script>

＆＃13;

Answer 2

你有这个想法，问题是你必须在你正在帮助按钮的函数内执行聊天中的代码，在这种情况下，只有当你点击时，这部分代码才会被执行。检查我的例子

https://jsfiddle.net/b7z0jnsc/

document.getElementById("finish-button").onclick = function(){
                window.$zopim || (function (d, s) {
                    var z = $zopim = function (c) {
                        z._.push(c)
                    }, $ = z.s =
                            d.createElement(s), e = d.getElementsByTagName(s)[0];
                    z.set = function (o) {
                        z.set._.push(o)
                    };
                    z._ = [];
                    z.set._ = [];
                    $.async = !0;
                    $.setAttribute('charset', 'utf-8');
                    $.src = '//v2.zopim.com/?1l9izSc2QRurE71l1L7ugke4Soo38dPc';
                    z.t = +new Date;
                    $.type = 'text/javascript';
                    e.parentNode.insertBefore($, e)
                })(document, 'script');
};

隐藏聊天室脚本，直到按钮单击

2 个答案: