DDSlick игнорируется на <select> элемент

Question

Я использую следующий JQuery плагин:

http://designwithpc.com/Plugins/ddSlick

Чтобы показать выбираемые изображения в окне выбора в раскрывающемся меню. Он отлично работает, когда я пытаюсь загрузить html с уже выбранным параметром, эта опция не выбрана в DDSlick (так что она просто показывает первый вариант как выбранный).

Как можно преобразовать:

<select class="homepage_icon" name="section_thumbnail[]" id="section_thumbnail4"><option data-imagesrc="../assets/images/homepage_icons/kidjockey-thumb.jpg" value="kidjockey-thumb.jpg"></option> 
<option data-imagesrc="../images/homepage_icons/horse.png" value="horse.png"></option> 
<option data-imagesrc="../images/homepage_icons/rosette.jpg" value="rosette.jpg"></option> 
<option data-imagesrc="../images/homepage_icons/girl.png" value="girl.png"></option> 
<option data-imagesrc="../images/homepage_icons/balloon.jpg" value="balloon.jpg" selected="selected"></option> 
<option data-imagesrc="../images/homepage_icons/cake.jpg" value="cake.jpg"></option> 
</select> 

На самом деле показать выбранный вариант в DDSlick?

Мой инициализации плагин только прост:

if ($('.homepage_icon').length) $('.homepage_icon').ddslick(); 

Я предположил, выбранный вариант будет автоматически отображаться в DDSlick, но, возможно, я что-то не хватает?

Answer 1

Вы можете использовать следующий инстанцировать ваше падение падения:

$('.homepage_icon').each(function() { 
    var selectedIndex = this.selectedIndex; 
    $(this).ddslick({ defaultSelectedIndex: selectedIndex }); 
});