Uploadify не работает с вкладками пользовательского интерфейса jQuery - PullRequest
Новая
       20

Uploadify не работает с вкладками пользовательского интерфейса jQuery

0 голосов
/ 20 февраля 2012

Итак, сделка ... У меня есть 2 вкладки jQuery UI - 1-я - Общая информация, а 2-я - Галерея.На второй вкладке у меня есть кнопка загрузки с включенной опцией множественной загрузки.Когда я укладываю несколько изображений в очередь для загрузки и нажимаю кнопку загрузки, они начинают загружаться по одному (так что все в порядке ...), но если я нажимаю на первую вкладку во время процесса, Uploadify перестает работать и больше не обрабатываеточередь, она просто прекращает загрузку, очередь остается и не будет продолжаться, также не выдается никаких ошибок.

Есть идеи, почему?Кто-нибудь заметил что-то подобное раньше?

Я использую jQuery 1.7.1, мой пользовательский интерфейс jQuery 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>

1 Ответ

0 голосов
/ 20 февраля 2012

Как заполняются вкладки? Правильно события JS теряются, когда JS uploadify вручную помещается в div вкладок.

...