新バージョンのjqeryでデフォルトtab選択に困った
jquery-1.8.1.min.js→jquery-3.5.1.min.js、jquery-ui.min.jsへ更新したが初期ロード後2番目のデフォルトタブ選択が出来ず困って、年末年始をこれで費やしてしまったが
ようやく解決、これやねん
$(‘#tab_cont_div > ul’).tabs({selected: 1}); –> $(“#tabs”).tabs(“option”,”active”,1);
以下旧コード
<script src=”jquery-1.8.1.min.js” type=”text/javascript”></script>
<script src=”ui.core.js” type=”text/javascript”></script>
<script src=”ui.tabs.js” type=”text/javascript”></script>
<script src=”remote-hand_pi_gpio.min.js” type=”text/javascript”></script>
<script type=”text/javascript”>
<!–
$(function() {
$(‘#tab_cont_div > ul’).tabs({selected: 1});
});
// –>
</script>
<TITLE>IOT-House_zero_w Control Panel</TITLE>
以下新コード
<script src=”jquery-3.5.1.min.js” type=”text/javascript”></script>
<script src=”jquery-ui.min.js” type=”text/javascript”></script>
<script src=”remote-hand_pi_gpio.min.js” type=”text/javascript”></script>
<script type=”text/javascript”>
<!–
$(function() {
$(“#tabs”).tabs();
});
$(function() {
$(“#tabs”).tabs(“option”,”active”,1);
});
// –>
</script>
<TITLE>IOT-House_zero_w Control Panel</TITLE>