JCleryでライブでZClipを使用する（モーダルウィンドウ用）

Question

私はモーダルウィンドウでdivをロードするためにフロープレーヤオーバーレイツールを使用しています。 zClip（または何か妥協）をうまく動かすための提案はありますか？

var cc = jQuery.noConflict(); 
cc('#WOTW').ready(function() { 
    cc('#codeButton').live('click', function() { 
     cc('#codeButton').zclip({ 
      path: '/site/js/ZeroClipboard.swf', 
      copy: cc('#copyCode').text(), 
      afterCopy: function() { 
       cc(this).next('.check').fadeIn(); 
      } 
     }); 
    }); 
}); 

これは、しかし、唯一、私は非常に奇妙見つけるもう一度クリックする...上の作品：これは私が得ている最も近いです。助けて？

Answer 1

Jquery UIダイアログの 'open'と 'close'パラメータを利用して、モーダル動作をシミュレートします。これを試してみてください：

http://jsfiddle.net/samdel/mmkMZ/14/

Answer 2

実際にそれが何をするか、コピーが#codeButtonの上にオーバーレイされて埋め込まれたFlashオブジェクトを作成することです開始しませんzclip呼び出します。クリックすると、コピーが実行されます。

コードでは、最初のクリックでオーバーレイが作成され、2回目のクリックでオーバーレイが作成され、コピーが実行されました。

あなただけ

var cc = jQuery.noConflict(); 
cc('#WOTW').ready(function() { 
    cc('#codeButton').zclip({ 
     path: '/site/js/ZeroClipboard.swf', 
     copy: cc('#copyCode').text(), 
     afterCopy: function() { 
      cc(this).next('.check').fadeIn(); 
     } 
    }); 
}); 

を使用する場合、それが動作するはずです