前提・実現したいこと
jQuery UI Tabs を使用してタブを作成。
発生している問題・エラーメッセージ
.load で動的に呼び出したHTMLファイルのソースに対してjQuery UI Tabsを有効化したいが別ファイルに対しての適用方法がわからない。
該当のソースコード(HTML)
<!DOCTYPE HTML> <html lang="ja"> <head> <meta charset="utf-8"> <script src="jquery-1.11.2.min.js"></script> <title></title> </head> <body> <!-- HTMLモジュールの読込 --> <script> $(document).ready(function () { $('#header').load('header.html'); $('#main').load('main.html'); }); </script> <script src="jquery.js"></script> <script src="jquery-ui.js"></script> </body> </html>
該当のソースコード(jQuery)
$(function () { var $tabRoots = $document.find('.js-tab'); var currentClassName = 'is-current'; $tabRoots.tabs({ activate: function (event, ui) { var $newTab = ui.newTab; var $oldTab = ui.oldTab; $newTab.addClass(currentClassName); $oldTab.removeClass(currentClassName); } }); });
試したこと
いろんなところに.onつけたりしました。
回答1件
あなたの回答
tips
プレビュー