jquery - jQuery「selectgroup」プラグインからイベントをバインドする方法

Question

イベント「onchange」をバインドできません http://georgepaterson.github.com/jquery-ui/selectgroup/

このプラグインはセレクターを非表示にします

<select class="select-list">
    <option value="option1" selected="selected">Option 1</option>
    <option value="option2">Option 2</option>
</select>

$(document).ready(function(){
    $('.select-list').selectgroup({
        style: 'popup'
    });
});

Answer 1

このプラグインは、選択ボックスの html 構造を ul に変更するため、このようにクリックするための関数を記述する必要があります。

jQuery(document).ready(function(){
    jQuery('.ui-selectgroup-list li a').click({
      alert(jQuery(this).html());
    });
});

Answer 2

$ は jQuery キーワードのショートカットなので、次のようにしてみてください。

jQuery(document).ready(function(){
    jQuery('.select-list').selectgroup({
      style: 'popup'
    });
});