簡體   English   中英

零剪貼板動態調用時不起作用

[英]Zero Clipboard Doesn't work when it's called dynamically

為了應對剪貼板我正在使用零剪貼板這個答案推薦。

以這種形式使用時,代碼工作得很好。

<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>

出現“單擊復制”,但是由於資源不是“非閃存”,因此未正確調用資源。

關於如何使這項工作的任何想法/問題是什么?

提前致謝!! 請詢問任何需要的澄清!


它可能與整個嵌套在div上的東西(不這樣認為)有關嗎?

innerHTML不執行在Ajax調用中傳遞的JavaScript。

使用jQuery的.html()

 $("#resultado").html(msg);

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM