Question

我正在尝试在我的Wordpress网站上实现zclip来复制一些动态生成的文本的结果。我的代码可以作为带有嵌入式jquery的独立html页面工作正常，但它似乎没有很好地移植到我的Wordpress网站。我已将代码内联到我的WP网站上，但是当我按下“复制”按钮时没有任何反应。这是有效的独立页面代码。有什么想法吗？

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script type="text/javascript" src="http://www.steamdev.com/zclip/js/jquery.zclip.min.js"></script>

<script type="text/javascript">
jQuery(function($) {
    alert("This code is working.");
        $("#copybutton").zclip({
            path: "http://www.ultrasoundoftheweek.com/scripts/zc/ZeroClipboard2.swf",
            copy: function() {
                return $('#result').html();
            },
            beforeCopy: function() {},
            afterCopy: function() {
                alert('Copy To Clipboard : \n' + $('#result').html());
            }
    });
});
</script>

<body>
<button id="copybutton" > Copy To ClipBoard </button>
<div id="result">Markosian KA, PaÄtian NA, Nalbandian RM. [Relation between the membrane and soluble forms of dopamine beta-monooxygenase]. Biokhimiia. 1990;55:(1)147-54. [<a href="http://www.ncbi.nlm.nih.gov/pubmed/2344453" target="_blank">pubmed</a>]</div>
</body>

Answer 1

对于遇到此问题的任何人，我都明白了。代码正常工作，但zclip影片没有放在我的按钮上。通过将我的按钮包装在div中并将位置设置为相对位置，我能够轻松解决这个问题：

<div style="position:relative"><button id="copybutton" >Copy To ClipBoard </button></div>

jquery没有在Wordpress上工作

1 个答案: