gpt4 book ai didi

javascript - zeroclipboard 工作一半的时间

转载 作者:行者123 更新时间:2023-11-28 07:14:34 26 4
gpt4 key购买 nike

出于某种原因,当我刷新页面时,此 zeroclipboard 实现只工作了大约一半时间。它在完全 https 页面上作为 https 提供。需要注意的一件有趣的事情是,当我刷新页面时我可以知道它不会工作,因为 bit.ly 链接最初似乎变成蓝色(默认的 a-link 颜色),然后立即切换到我的 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;
}

最佳答案

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

关于javascript - zeroclipboard 工作一半的时间,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32428558/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com