zeroclipboard 工作了一半答案

【问题标题】：zeroclipboard works half the timezeroclipboard 工作了一半
【发布时间】：2015-12-02 09:54:14
【问题描述】：

由于某种原因，这个 zeroclipboard 实现只在我刷新页面时工作了大约一半的时间。它在完全 https 页面上作为 https 提供。需要注意的一件有趣的事情是，当我刷新页面时，我可以告诉它它不起作用，因为 bit.ly 链接最初似乎变成蓝色（默认 a 链接颜色），然后立即切换到我的 style.css 设置.

<script src="./js/jquery-2.1.3.min.js" type="text/javascript"></script>
<script src="./js/ZeroClipboard.js" type="text/javascript"></script>
<script src="./js/zeroclip.js"></script>

这是我的 zeroclip.js 的内容：

ZeroClipboard.setMoviePath('http://www.ultrasoundoftheweek.com/clipshare/js/ZeroClipboard10.swf');
var clip2 = new ZeroClipboard.Client();
jQuery(document).ready(function() {
    clip2.addEventListener('mousedown', function() {
        var alltext = $('#result').text();
        clip2.setText(alltext);
    });
    clip2.addEventListener('complete', function() {
        $("#copybutton").html("<font color=\"#434343\"><strike>Copy Link to Clipboard</strike></font><font color=\"#D00000\"> Copied</font>");
        //alert('Copied');
    });
    clip2.glue('copyplain');
});

HTML：

<h2 align="center">ULA ClipShare Uploader</h2>
<br>
<div style="overflow: hidden;">
<div class="topbox">
<h4 class="textl"><a href="https://www.ultrasoundoftheweek.com/clipshare/share.php?&f=e1cQsRltii" >http://bit.ly/1JKAAuJ</a></h4>
<h4 class="textr">Email this Link</h4>
<div class="clear"></div>
<div class="topbox">
<div class="textl" id="copyplain"><button id="copybutton">Copy Link to Clipboard</button></div>
<div id="result" class="result" style="display:none;">http://bit.ly/1JKAAuJ</div>

CSS：

body {
    height: 100%;
    width: 100%;
    text-align: center;
}
#centerContainer {
    height: auto;
    min-height: 100%;
    max-width: 900px;
    text-align: left;
    margin: 0px auto;
    padding-left: 5px;
    padding-right: 5px;
}
P {
    FONT-SIZE: 8pt;
    COLOR: #000000;
    FONT-FAMILY: Oxygen
}
TD {
    FONT-SIZE: 8pt;
    COLOR: #000000;
    FONT-FAMILY: Oxygen
}
h2 {
    FONT-FAMILY: Oxygen
}
h4 {
    FONT-FAMILY: Oxygen
}
.topbox {
    display: table;
    width: 100%;
    height: auto;
    margin: 0px 0px;
}
.topbox .textl {
    display: table-cell;
    height: 32px;
    vertical-align: middle;
    display: inline-block;
}
.topbox .textr {
    display: block;
    float: right;
}
.topbox .clear {
    clear: both;
}
#copyplain {
    position: absolute
}
#copywrite {
    clear: both;
    position: relative;
    z-index: 10;
    height: 3em;
    margin-top: -3em;
}

【问题讨论】：

标签： javascript css https zeroclipboard

【解决方案1】：

万一其他人遇到这个问题，经过一个小时的修补，我能够解决它。如果我将<script src="./js/zeroclip.js"></script> 行放在</body> 的正上方，则代码可以正常工作。我猜出于某种原因它不喜欢我的jQuery(document).ready(function()。

【讨论】：