2012-02-19 9 views
0

ここでは、2つのjQuery UIタブがあります.1番目は一般情報、2番目はGalleryです。 2番目のタブでは、複数のアップロードオプションを有効にしたアップロードボタンがあります。アップロードのためにキューに複数のイメージをスタックしてアップロードすると、アップロードが開始されます(これは問題ありません...)。しかし、プロセスの進行中に最初のタブをクリックすると、Uploadifyは動作を停止し、キューは単にアップロードを停止し、キューはそのままで、続行せず、エラーもスローされません。UploadifyはjQuery UIタブでは動作しません

なぜでしょうか?誰かが前にそのような何かに気付いたことがありますか?

私は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> 

答えて

0

タブが満たされている方法は?適切にJSイベントは、アップロードされたJSが手動でタブdivにプッシュされると失われます。

+0

こんにちは@powtac。私は使用しているコードの一部をアップロードしました。あなたはそれを見ることができます。はい、アップロード処理を手動で開始してプロセスを開始します。私は、自動オプションを使用して、これが修正されるかどうかを試してみるかもしれません。 – Vlad

+0

auto:trueを使用してみましたが、同じです。無効。助言がありますか?誰でも? – Vlad

+0

ファイヤーバグを使用していますか? – powtac

関連する問題