在jQuery selectmenu之後捕獲數據屬性

Question

我無法在應用jQuery UI選擇菜單之後捕獲數據屬性。

如何獲取數據？

HTML：

<select class="drpmnu"> 

     <option data-timings="something1">(01)</option> 

     <option data-timings="something2">(02)</option> 

</select> 

的JavaScript：

$(".drpmnu").selectmenu({ 
    change: function(event, ui){ 
     console.log($(this).data('timings')); 
    } 
}); 

http://jsbin.com/hicura/1/edit?html,console,output

Answer 1

this指selectmenu本身，而不是在它的對象。您需要使用ui.item：

$(".drpmnu").selectmenu({ 
    change: function(event, ui){ 
     console.log($(ui.item.element).data('timings')); 
    } 
});