Web サイトにタブを追加して、白黒の 2 つのサブメニューをナビゲートしようとしています。基本的に、[ハイライト] または [ニュース] をクリックすると、そのセクションに新しい要素のセットが表示されます。
jquery ライブラリを追加しました。
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
それでもコンソールを確認すると、「Uncaught TypeError: Object [object Object has no method 'tabs'」というメッセージが表示されます。定義されていません。
ライブラリを追加しました：
<script src="public/scripts/applicat.js" type="text/javascript"> </script>
しかし、コンソールで '$("body") をチェックすると、'null' が返されます。(ウェブサイトにアップロードされたファイルには、この applicat.js ファイルが含まれています)
私はすべてを試しましたが、タブメソッドを追加する方法を理解できないようで、HTMLへのjQueryリンクにも問題はありません。
これは、tabs 関数が呼び出される方法です (body の最後の直前):
<script type="text/javascript" charset="utf-8">
jQuery().ready(function() {
jQuery("#discussion-sections > nav ul").tabs("#discussion-sections > section");
});
</script>
// おまけの質問 水平線がページを横切るようにタブ ヘッダーの長さを拡張する方法をご存知ですか? タブが定義されているULにborder-bottomを追加しようとしましたが、この場合、選択したタブの下の領域にも線が追加されます。
ありがとう、ルイス