javascript - jquery uiの非アクティブなタブでzclipが機能しない

Question

jQuery UIタブのjQuery UIダイアログのasp.net Webページでzclipを使用しています。アクティブな最初のタブではうまく機能しますが、2 番目のタブに追加して 2 番目のタブとクリップのコピー ボタンをクリックすると機能しません。

私のマークアップは以下です：

<input type="text" id="txtCallStatus" class="disabled" 
    readonly="readonly" value="NOT SET" />
<a href="#" id="copy-dynamic" onclick="return false;">Copy status</a> 

JSコードは以下です。

$.ajax({
    type: "POST",
    dataType: "json",
    url: "/recording/verifyUser",
    data: {
        ID: $("#ID").val(),
        PSSWD: $("#PSSWD").val(),
        ACCID: $("#ACCID").val(),
        PASSWDINT: $("#PASSWDINT").val()
    },
    success: function (data) {
        if (data == "success") {

            $('#dialog-AddCallRecording').dialog({ closeOnEscape: false });

            $(".ui-dialog-titlebar").hide();
            $("#dialog-AddCallRecording").dialog({ 
                dialogClass: 'transparent', 
                modal: true 
            });
            $("#dialog-AddCallRecording").dialog("open");

            // The link with ID "copy-description" will copy
            // the text of the paragraph with ID "description"
            $('a#copy-dynamic').zclip({
                path: '../../Content/Zclip/ZeroClipboard.swf',
                copy: function () { return $('input#txtCallStatus').val(); }
            });

            // The link with ID "copy-dynamic" will copy the current value
            // of a dynamically changing input with the ID "dynamic"

        }
        else {
            $("#dialog-user-login").dialog('option', 'position', 'center');
            $("#dialog-user-login").dialog("open");
        }
    }
});

成功すると、ダイアログが開いた後、zclip を初期化しています。

それに対する解決策を提案してください。ありがとう