jQuery UI タブを使用すると、次のエラー メッセージが表示されます。Uncaught Error: jQuery UI Tabs: Mismatching fragment identifier.
このコードで jQuery 1.8.3 と jQuery-UI 1.9.2 を使用します。
HTML:
<div class="tabs">
<ul>
<li><a href="#div_default">Default</a></li>
<li><a href="#div_size">Size</a></li>
<li><a href="#div_advanced">Advanced</a></li>
</ul>
<div id="div_default">...</div>
<div id="div_size">...</div>
<div id="div_advanced">...</div>
</div>
jQuery:
$(function() {
$('.tabs').tabs();
$('.tabs').removeClass('ui-widget ui-widget-content ui-corner-all');
$('.tabs ul').addClass('ui-widget ui-widget-content ui-corner-all');
});
jQuery-UI 1.8.23 にフォールバックしている場合、エラー メッセージは表示されず、同じようにタブが機能しません。
ここで何が問題なのか、またはブラウザから詳細情報を取得するにはどうすればよいですか? (Chrome と Firefox を使用)