listЭлементное свойство не ведет себя так, как ожидалось

Question

Привет, я создал JSFiddle моей проблемы здесь.

http://jsfiddle.net/L7o1nct6/2/

Я также повторять код здесь Stackoverflow заставляет меня делать.

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, чтобы рассказать тонкому пользователю, какой элемент использовать для этого списка?

На стороне примечание, если я вырезаю и вставляю div с id = listElement и перемещаю его рядом с div с помощью класса = qq-upload-button-selector, тогда этот пример отлично работает.

Любая помощь будет оценена, я потратил часы на это и не нашел ответа на это в stackoverflow.

Answer 1

Пара проблем с вашим кодом:

1. «#listelement» не является допустимым HTML элемент ID во всех браузерах.
2. Вы пытаетесь выбрать элемент, который еще не существует в DOM. Непонятно, почему вы все равно указываете элемент списка. Точный загрузчик должен найти список в шаблоне, когда он отображает.