Uploadify 不适用于 jQuery UI 选项卡

Question

所以这是交易...我有 2 个 jQuery UI 选项卡 - 第一个是一般信息，第二个是图库。在第二个选项卡上，我有一个启用了多个上传选项的上传按钮。当我在队列中堆叠几张图片以进行上传并单击上传时，它们开始一张一张地上传（所以这很好......），但是如果我在处理过程中单击第一个选项卡，Uploadify 将停止工作并且不再处理队列，它只是停止上传，队列停留并且不会继续，也没有抛出错误。

任何想法为什么？以前有没有人注意到类似的事情？

我使用的是 jQuery 1.7.1，我的 jQuery UI 是 v1.8.2，Uploadify 是 v2.1.0。

更新：这是我正在使用的一段代码：

<script type="text/javascript">
$(document).ready(function() {
    $("#tabs").tabs();

    $("#uploadify").uploadify({
        'uploader'       : '/flash/uploadify.swf',
        'script'         : 'ajaxUploadImage.php',
        'cancelImg'      : '/images/icons/cancel.png',
        'folder'         : '',
        'auto'           : false,
        'multi'          : true,
        'fileExt'        : '*.jpg;*.jpeg;*.gif;*.png',
        'fileDesc'       : 'Image files',
        'fileDataName'   : 'image_gallery',
        'sizeLimit'      : 10485760,
        onComplete: function(event, ID, fileObj, response, data){
            // do stuff
        }
    });
});
</script>

<div id="tabs" class="tabs">
    <ul>
        <li><a href="#tab-main"><span>Main Info</span></a></li>
        <li><a href="#tab-gallery"><span>Gallery</span></a></li>
    </ul>

    <div id="tab-main">
        <!-- some stuff here not related to the problem -->
    </div>

    <div id="tab-gallery">
        <input type="file" name="uploadify" id="uploadify" />
        <div id="uploadify-queue-btns">
            <button type="button" id="uploadify-start-upload"onclick="javascript:$('#uploadify').uploadifyUpload();"> Upload</button>
            <button type="button" id="uploadify-clear-queue" onclick="javascript:$('#uploadify').uploadifyClearQueue();"> Clear queue</button>
        </div>
    </div>
</div>

Answer 1

标签是如何填充的？当手动将uploadify JS推送到选项卡div中时，JS事件会丢失。