2014-10-09 41 views
1

我已經在頁面中創建了S3上傳器的2個實例,我給了它們不同的div名稱。 其中一個實例設置爲自動上傳,另一個設置爲手動上傳並設置了編輯文件名。上傳按鈕,當沒有被調用時出現 - 但我有2個實例

但是,自動上傳的實例也會從其他實例拉取上傳按鈕。它坐在那裏,並沒有做任何事情,因爲上傳按預期工作 - 自動。除了這個流氓按鈕,這兩種形式都是我想要的。

這是該按鈕的格但我只把它在一個實例

<div id="triggerUpload-feeds" class="qq-upload-button start-upload" style="margin-top: 10px;cursor:pointer;">Upload</div> 
+0

對不起,我只是不明白如何粘貼代碼到這個網站,並使其出現,我不是一個開發人員,只是一個黑客真的我猜 – 2014-10-09 03:29:08

+0

這很可能是你的代碼中的錯誤,所以你需要以顯示它獲得進一步的幫助。做到這一點的最佳方式可能是將JavaScript和HTML粘貼到http://jsbin.com/並在您的問題中包含鏈接。 – 2014-10-09 03:30:27

+0

好吧,當我不知道如何使用網站時,我不希望爲一個問題註冊另一個網站。我可能會問我的開發人員來幫忙。無論如何謝謝 – 2014-10-09 04:33:29

回答

0

精細上傳UI查找文件中與「QQ模板」的ID的模板。因此,上傳者都是使用相同的模板構建的。如果您想在同一頁面上使用不同模板生成多個上傳器,則需要確保您在標記中定義了多個模板,每個模板都使用不同的ID。在構建每個Fine Uploader UI實例時,您需要引用適當的模板。

例如:

<script type="text/template" id="qq-template1"> 
<!-- template markup here --> 
</script> 
<script type="text/template" id="qq-template2"> 
<!-- template markup here --> 
</script> 
<script> 
var uploader1 = new qq.FineUploader({ 
    template: 'qq-template1' 
}); 

var uploader2 = new qq.FineUploader({ 
    template: 'qq-template2' 
}); 
</script> 

欲瞭解更多信息,請參閱templating/styling feature page in the docs

+0

我複製這個,但模板2沒有加載。我在哪裏添加頁面底部的腳本? – 2014-10-09 05:46:49

+0

這已經解決了,模板必須進入頭部。底部的腳本讓我失望,因爲我使用的是JQuery,而不是JQuery – 2014-10-09 11:19:35

相關問題