blueimp Gallery: No or empty list provided as first argument

Я использую blueimp Gallery
https://github.com/blueimp/Gallery/blob/master/README.md#additional-gallery-elements

Я добавляю дополнительный атрибут, как в инструкции, и показывает ошибку

Код (Text):

1. blueimp Gallery:Noor empty list provided as first argument.
2.  
3. <divid="links"class="links"><divclass="photo">
4.  
5.     <ahref="/uploads/gallery/KN5wu5Nt7gwdrmuopBUm3riKJauz8bXsmDp2X3n0.jpeg"title="32434424242"data-description="Alex"data-gallerystyle>…</a>
6.      
7.    <ahref="/uploads/gallery/4fPRgdqbh3FPbrw3MTZoyRoYcqNpHa84Mtjxb4f2.jpeg"title="car"data-description="Alex2"data-gallery>…</a>
8.  
9.     </div></div>

Почему он не работает, если я делаю все согласно инструкциям?

HTML:

1. <div id="blueimp-gallery" class="blueimp-gallery">
2.             <div class="slides"></div>
3.             <h3 class="title"></h3>
4.              <p class="description"></p>
5.             <a class="prev">‹</a>
6.             <a class="next">›</a>
7.             <a class="close">×</a>
8.             <a class="play-pause"></a>
9.             <ol class="indicator"></ol>
10.         </div>
11.  
12.  
13.      <script src="/js/blueimp-helper.js"></script>
14.             <script src="/js/blueimp-gallery.js"></script>
15.             <script src="/js/blueimp-gallery-fullscreen.js"></script>
16.             <script src="/js/blueimp-gallery-indicator.js"></script>
17.             <script src="/js/vendor/jquery.js"></script>
18.             <script src="/js/jquery.blueimp-gallery.js"></script>
19.          
20.          
21.          
22.      <script>
23.           blueimp.Gallery(
24.         document.getElementById('links'),
25.         {
26.             onslide: function (index, slide) {
27.                 var text = this.list[index].getAttribute('data-description'),
28.                     node = this.container.find('.description');
29.                 node.empty();
30.                 if (text) {
31.                     node[0].appendChild(document.createTextNode(text));
32.                 }
33.             }
34.         }
35.     );
36.             </script>

Сам слайдер работает, но по какой-то причине мои изменения не применяются.

 

Я нашёл решение

Код (Javascript):

1. document.getElementById('links').onclick = function (event) {
2.   event = event || window.event;
3.   var target = event.target || event.srcElement,
4.     link = target.src ? target.parentNode : target,
5.     options = {
6.       index: link, event: event,
7.       onslide: function (index, slide) {
8.  
9.         self = this;
10.         var initializeAdditional = function (index, data, klass, self) {
11.           var text = self.list[index].getAttribute(data),
12.             node = self.container.find(klass);
13.           node.empty();
14.           if (text) {
15.             node[0].appendChild(document.createTextNode(text));
16.           }
17.         };
18.         initializeAdditional(index, 'data-description', '.description', self);
19.         initializeAdditional(index, 'data-example', '.example', self);
20.       }
21.     },
22.     links = this.getElementsByTagName('a');
23.   blueimp.Gallery(links, options);
24. };

 

@villiwalla говорят в доке неправильный код, на стеке нашёл правильный