ここhttp://filamentgroup.com/lab/jquery_ui_selectmenu_an_aria_accessible_plugin_for_styling_a_html_select/から ui.selectmenu を実装しようとしていますが、jQuery ダイアログ内に配置しています。それが紛争の場所であるかどうかはわかりません。
HTML マークアップは次のとおりです。
<div id="selModeBox" title="Mode selection Form">
<label for="mode">Select modes:</label>
<select id="mode" name="mode">
<option value="v0" selected="selected">-- Make a Selection --</option>
<option value="v1">Mode 1.</option>
<option value="v2">Mode 2.</option>
</select>
</div>
実装する Javascript:
jQuery(document).ready(function() {
$('#selModeBox').dialog({
modal: true
});
$('#selModeBox select').selectmenu();
$('#tabs').tabs();
});
読み込み時に JavaScript エラーが表示され、ui.selectmenu JavaScript コードの次の行 (108 行目) が参照されます。
this.element.click(function() {
this._refreshValue();
}).focus(function() {
this.newelement[0].focus();
});
誰かが似たようなことを経験したことがありますか、またはこれを改善するためのアイデアがありますか?