DDSlick 'selected‘属性在<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 });
});