zclip不引導模式

中工作，我利用zclip頁面提供的清潔示例代碼：zclip不引導模式

$('a#copy-dynamic').zclip({ 
    path:'js/ZeroClipboard.swf', 
    copy:function(){return $('input#dynamic').val();} 
});

，這是HTML：

<a href="#" id="copy-dynamic" class="">Click here to copy the value of this input:</a> 
<input type="text" id="dynamic" value="Insert any text here." onfocus="if(this.value=='Insert any text here.'){this.value=''}" onblur="if(this.value==''){this.value='Insert any text here.'}">

它工作正常，如果HTML裏面bootstrap主頁面，但是如果我將html移動到引導模式窗口（即，在模式的div元素內），它將停止工作。

我如何得到它的工作？

來源

2013-01-11 Marco Gagliardi

我有與zclip和bootstrap模態相同的問題。我應用的修補程序有兩種：

將zclip附加到模塊'show'功能中的元素上。
的zclip連接到元素

這妥善放置模內zclip前添加一個250毫秒的延遲。如果模態中有多個選項卡，它也可以工作。

HTML

<div id="myModal" class="modal hide fade"> 
    <div class="modal-header"> 
     <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button> 
     <h3>Modal header</h3> 
    </div> 
    <div class="modal-body"> 
     <a class="btn" href="#" id="modal_body_button">Copy Undo Config To Clipboard</a> 
     <p>One fine body…</p> 
    </div> 
    <div class="modal-footer"> 
     <a href="#" class="btn">Close</a> 
     <a href="#" class="btn btn-primary">Save changes</a> 
    </div> 
</div>

的JavaScript

$('#myModal').on('show', function() { 
    $("#modal_body_button").delay(250).queue(function(next){ 
     $(this).zclip({ 
      path: "/static/javascript/ZeroClipboard.swf", 
      copy: "copied text OK!" 
     }); 
     next(); 
    }); 
});

上述

來源

2013-02-05 20:54:30 ravishi

我會試試看。謝謝！ –

在示例也可以使用（ '' 所示），而不是在（ '節目'）事件完全模態時，其調用顯示。這有助於防止使用骯髒的黑客，如延遲（250）

來源

2013-04-10 13:07:17 Vadim

zclip不引導模式

回答

相關問題