Javascript ZeroClipboard在弹出页面的按钮上不起作用_Javascript_Php_Jquery_Html_Zeroclipboard

Javascript ZeroClipboard在弹出页面的按钮上不起作用

javascript php jquery html

Javascript ZeroClipboard在弹出页面的按钮上不起作用,javascript,php,jquery,html,zeroclipboard,Javascript,Php,Jquery,Html,Zeroclipboard,我想知道是否有任何方法，我可以让ZeroClipBoard在我的弹出页面的按钮上工作？到目前为止，我有以下代码将带来一个弹出页面，弹出页面是从php文件调用的，包括2个按钮第一页的代码： <html> <head> <title>test</title> <script type = "text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/zeroclipboard/2.1.6/Zer

我想知道是否有任何方法，我可以让ZeroClipBoard在我的弹出页面的按钮上工作？到目前为止，我有以下代码将带来一个弹出页面，弹出页面是从php文件调用的，包括2个按钮

第一页的代码：

<html>
<head>
<title>test</title>
<script type = "text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/zeroclipboard/2.1.6/ZeroClipboard.js"></script>
</head>
<body>
<div id="myDiv">This is the content to get copied to the text area and then to clipboard</div>
<button id="testButton" data-clipboard-target="myDiv"><b>Copy To Clipboard</b></button>
<!--<script type="text/javascript">
var clicks = 0;
</script>-->
<button onclick="launchPopUp('', '', 700, 'embedCode.php');">test button</button>
<!--<script>
function test123(){
if(clicks>=1){
alert(clicks);
var client = new ZeroClipboard( document.getElementById('copyAll') );
}
}
</script>-->
</body>
<script>
var client1 = new ZeroClipboard( document.getElementById('testButton') );
</script>

我已经尝试使用ZeroClipboard将testButton按钮复制到剪贴板，以便在我的第一页上工作

第二页的我的代码，将作为弹出页面的内容：

<?php 
session_start();

$userName =  "asdfbsadf";//$_SESSION['user_name'];
?>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<script type = "text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/zeroclipboard/2.1.6/ZeroClipboard.js"></script>
</head>
<body>
<div id="copiedContent" style="border: 2px solid; margin: 30px 20px 10px 20px; padding: 4px 3px 5px 3px;">
Here will be the content and <?php echo $userName?> that be copied to the clipboard
</div>
<button id="copyAll" data-clipboard-target="copiedContent" style="float: right; margin-right: 20px;">Copy All</button>

<button style="float: right;" onclick="whatIsThis()">What Is This?</button>

<script>
function whatIsThis(){
    alert("This is...");
}
</script>
</body>
<!--<script language="JavaScript">
var client = new ZeroClipboard( document.getElementById('copyAll') );
</script>-->
</html>

launchPopup函数是从一个名为popUp2.0.js的开放源码调用的，如果需要这个js文件，我会发布它，但是这个是170行代码

上面的注释代码就是我尝试过的代码。我已经尝试添加var client=newZeroClipboard document.getElementById'copyAll'；对于我的弹出页面的copyAll按钮的第二页，它没有工作；我试着把它添加到第一页，按钮也不起作用

我发现如果代码var client=newZeroClipboard document.getElementById'copyAll'；按钮后被调用，即会工作；但我已经尝试了所有我知道的方法，将其放在按钮之后，当我运行页面并单击测试按钮弹出页面时，我发现代码var client=new zerocardpoint document.getElementById'copyAll'；当我检查元件时，总是在按钮之前调用

我想知道我是否有一个名为test123的函数，是否有任何方法可以在单击按钮并显示整个弹出页面后运行此函数，以便在显示弹出页面后运行Javascript，并使copyAll按钮工作

还是我认为这是错误的，我的代码太糟糕了？如果有任何方法可以使它工作，我将不胜感激，因为这是我第一次使用ZeroClipboard。

您是否尝试过在onclick事件中调用第二个函数

<button onclick="launchPopUp('', '', 700, 'embedCode.php'); test123();">test button</button>

一切都取决于你的问题不清楚。请删除任何不需要描述的内容，并尽可能具体。@epascarello问题已更新。launchPopUp的代码有170行长。如果你想看到这一点，我很乐意在我的帖子上更新。@greggreg整个问题的更新将提供更具体的代码和解释。请告诉我。是的，我试过了，它不起作用。这将在加载弹出页面之前调用test123。