javascript - 动态调用时零剪贴板不起作用

标签 javascript jquery flash clipboard zeroclipboard

为了复制到剪贴板，我使用 Zero Clipboard ，this answer推荐.

以这种形式使用时，代码工作得非常好。

<div id="d_clip_button" style="background: #FFFFCC;">
    Click to copy
</div>
<script language="JavaScript" type="text/javascript">
        var clip = new ZeroClipboard.Client();
                        clip.setText( '<?php echo "http://example.com/" . $var; ?>' );
                        clip.glue( 'd_clip_button' );
</script>

当上面的代码像这样动态调用时会出现问题:

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

<form action="generar.php" method="post">
Input: <input type="text" id="longUrl" name="longUrl" value="" /><br />
<input type="button" value="Acortar!" onclick="submitme()" />
<div id="resultado"></div>
</form>



<script type="text/javascript" charset="utf-8">

    function submitme(){
    var tosend=document.getElementById("longUrl").value;
    $.ajax({
            type: 'POST',
            url: 'generar.php',
            data: 'longUrl='+tosend,
            success: function(msg){
                if(msg){
                    document.getElementById("resultado").innerHTML=msg;
                }
                else{
                    return;
                }
            }
        });
    }

</script>

出现“单击复制”，但资源未正确调用，因为它“不是 flash”。

关于如何进行这项工作有什么想法/问题是什么？

提前致谢!!请询问任何需要的澄清!

<小时/>

它可能(不这么认为)与嵌套在 div 上的整个内容有关吗？

最佳答案

innerHTML 不会执行 Ajax 调用中传递的 JavaScript。

使用 jQuery 的 .html()。