DDSlick「選中的」屬性忽略<select>元件

我使用以下jQuery插件上：DDSlick「選中的」屬性忽略<select>元件

要顯示在一個下拉選擇框可選圖像。這是工作很大，除了當我嘗試加載與一個選項已被選中的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但也許我失去了一些東西？

來源

2014-09-29 Friendly Code

見第四或者第六演示：http://designwithpc.com/Plugins/ddSlick#demo – Pete 2014-09-29 10:39:32

謝謝 - 那單個工作靜態選擇框，但我動態加載10左右 – 2014-09-29 10:49:25

您可以使用下面的實例您的下拉菜單：

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

來源

2014-09-29 10:54:21 Pete

完美 - 謝謝！ – 2014-09-29 11:13:32

DDSlick「選中的」屬性忽略<select>元件

回答

相關問題