listElement屬性沒有像預期的那樣運行

您好在這裏創建了一個JSFiddle我的問題。listElement屬性沒有像預期的那樣運行

我也將在這裏重複代碼＃1被強迫我做的。

的JavaScript

 <!-- using fine uploader 5.1.3 at http://keysymmetrics.com/jsfiddle/jquery.fine-uploader.js --> 

    $(document).ready(function() 
    { 
     $("#fine-uploader").fineUploader({ 
      listElement: $('#listElement'), 
      debug: true, 
      template: 'qq-template-bootstrap', 
      request: { 
       endpoint: "/my-endpoint" 
      } 

     }); 

    });

HTML

<script type="text/template" id="qq-template-bootstrap" class="qq-uploader-selector"> 
<div class="row"> 
    <div class="col-sm-4" > 
     <div class="qq-upload-button-selector 
          qq-upload-drop-area-selector 
          drag-drop-area" > 
      <div>Drag and drop files here or click to upload</div> 
     </div> 

    </div> 
</div> 


<div class="qq-upload-list-selector" id="#listElement" > 
    <div class="panel panel-default" > 
     <div class="panel-body" > 
      <div class="qq-progress-bar-container-selector progress"> 
       <div class="qq-progress-bar-selector progress-bar"></div> 
      </div> 
      <span class="qq-upload-spinner-selector qq-upload-spinner"></span> 
      <span class="qq-upload-file-selector qq-upload-file"></span> 
      <span class="qq-upload-size-selector qq-upload-size"></span> 
      <span class="qq-upload-status-text-selector qq-upload-status-text"></span> 
      <img class="qq-thumbnail-selector" qq-max-size="100" /> 
     </div><!-- close panel-body --> 
    </div><!-- close panel --> 
</div> 

</script> 
<h1>Fine Uploader Test</h1> 
<div id="fine-uploader"></div>

當查看的jsfiddle例如，如果你打開調試控制檯，你會看到消息「未捕獲的錯誤：無法找到文件列表容器模板！「。

我不確定這是什麼意思，我以爲我可以使用listElement屬性來告訴fine-uploader哪個元素用於這個列表？

在附註中，如果我剪切並粘貼id爲id = listElement的div，並將其與class = qq-upload-button-selector相鄰的div移動，則此示例正常。

任何幫助將不勝感激，我已經花了幾個小時，並沒有找到這個在stackoverflow上的答案。

來源

2015-03-02 Sam

一對夫婦的問題與您的代碼：

「#listelement」是不是在所有瀏覽器有效的HTML元素的ID。
您正試圖選擇DOM中尚不存在的元素。不清楚爲什麼你要指定一個列表元素。上傳者應該在模板呈現時找到該列表。

來源

2015-03-02 13:58:56

爲了迴應第1點，我現在使用了一個有效的元素ID「list-element」，我也將「list-element」div從腳本標記中移出並放入主HTML主體中。你可以在這裏看到更正版本http://jsfiddle.net/L7o1nct6/4/。但是我仍然收到相同的錯誤信息。 – Sam 2015-03-03 03:35:54

爲了迴應第2點，我創建了一個工作版本，甚至沒有使用這裏的listElement屬性http://jsfiddle.net/61motjed/2/（Works罰款）。不過，請在這裏稍微修改一下這個版本，「qq-upload-list-selector」在dom中的位置不同，http://jsfiddle.net/Lu82ba9L/1/。你會看到這個版本得到了最初的錯誤。 – Sam 2015-03-03 03:45:01

請用新的問題創建新的版本。請不要「回答」您的代碼以回答問題，或者以後續問題的形式提出意見。 – 2015-03-10 14:23:59

listElement屬性沒有像預期的那樣運行

回答

相關問題