ホームページ >ウェブフロントエンド >htmlチュートリアル >jquery ui tab_html/css_WEB-ITnose
jquery ui tab_html/css_WEB-ITnose
- WBOYオリジナル
- 2016-06-24 12:21:441210ブラウズ
jQuery UI HTML CSS
jquery ui を使用して切り替え効果を 1 日デバッグしましたが、成功しませんでした。デモを終了した後、切り替え効果がページに表示されませんでした。引用すべきjsやcssも抜けていますが、英雄たちに説明してください。 ！ ！2689eb8c40bc4d4ffe96db8efe197cf47c8107cdebc3bab0783640477bc4f042 b2386ffb911b14667cb8f0f91ea547a76e916e0f7d1e588d4f442bf645aedb2f スクリプト src="js; /jquery-1.9.1.js" type="text/javascript" /> d2b889ab6f62ba18d56c5f72820fda15 /javascript">
$("#tabs").tabs({ 折りたたみ可能: true, 無効: [], 選択: 1, イベント: 'クリック', fx: {不透明度: "トグル"}});
2cacc6d41bbb37262a98f745aa00fbf0
95264ffbf0911fe5a8ff0228b8272c48 915e33d7ee0c1004d03b9b0003c7d1d6 /li > ccf1df7f70ed1d5db95fe1516fa3ce68コンテンツ 216b28748ea4df4d9c2150843fecfba682b3ea806f8c6d1120545cd2fcb1c402cコンテンツ 316b28748ea4df4d9c2150843fecfba68 'option', 'active', '1');
最新のスイッチ
公式デモ
<html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title>hhhhh</title> <script src="http://code.jquery.com/jquery-1.9.1.js" type="text/javascript"></script> <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js" type="text/javascript"></script><link href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" rel="stylesheet" type="text/css"/> <script type="text/javascript"> $(function() { $("#tabs").tabs({ collapsible: true, disabled: [], selected: 1, event: 'click', fx: { opacity: "toggle" } }); }); </script> </head> <body><div id="tabs"> <ul> <li><a href="#tabs-1">Nunc tincidunt</a></li> <li><a href="#tabs-2">Proin dolor</a></li> <li><a href="#tabs-3">Aenean lacinia</a></li> </ul> <div id="tabs-1"> <p>Proin elit arcu, rutrum commodo, vehicula tempus, commodo a, risus. Curabitur nec arcu. Donec sollicitudin mi sit amet mauris. Nam elementum quam ullamcorper ante. Etiam aliquet massa et lorem. Mauris dapibus lacus auctor risus. Aenean tempor ullamcorper leo. Vivamus sed magna quis ligula eleifend adipiscing. Duis orci. Aliquam sodales tortor vitae ipsum. Aliquam nulla. Duis aliquam molestie erat. Ut et mauris vel pede varius sollicitudin. Sed ut dolor nec orci tincidunt interdum. Phasellus ipsum. Nunc tristique tempus lectus.</p> </div> <div id="tabs-2"> <p>Morbi tincidunt, dui sit amet facilisis feugiat, odio metus gravida ante, ut pharetra massa metus id nunc. Duis scelerisque molestie turpis. Sed fringilla, massa eget luctus malesuada, metus eros molestie lectus, ut tempus eros massa ut dolor. Aenean aliquet fringilla sem. Suspendisse sed ligula in ligula suscipit aliquam. Praesent in eros vestibulum mi adipiscing adipiscing. Morbi facilisis. Curabitur ornare consequat nunc. Aenean vel metus. Ut posuere viverra nulla. Aliquam erat volutpat. Pellentesque convallis. Maecenas feugiat, tellus pellentesque pretium posuere, felis lorem euismod felis, eu ornare leo nisi vel felis. Mauris consectetur tortor et purus.</p> </div> <div id="tabs-3"> <p>Mauris eleifend est et turpis. Duis id erat. Suspendisse potenti. Aliquam vulputate, pede vel vehicula accumsan, mi neque rutrum erat, eu congue orci lorem eget lorem. Vestibulum non ante. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce sodales. Quisque eu urna vel enim commodo pellentesque. Praesent eu risus hendrerit ligula tempus pretium. Curabitur lorem enim, pretium nec, feugiat nec, luctus a, lacus.</p> <p>Duis cursus. Maecenas ligula eros, blandit nec, pharetra at, semper at, magna. Nullam ac lacus. Nulla facilisi. Praesent viverra justo vitae neque. Praesent blandit adipiscing velit. Suspendisse potenti. Donec mattis, pede vel pharetra blandit, magna ligula faucibus eros, id euismod lacus dolor eget odio. Nam scelerisque. Donec non libero sed nulla mattis commodo. Ut sagittis. Donec nisi lectus, feugiat porttitor, tempor ac, tempor vitae, pede. Aenean vehicula velit eu tellus interdum rutrum. Maecenas commodo. Pellentesque nec elit. Fusce in lacus. Vivamus a libero vitae lectus hendrerit hendrerit.</p> </div></div> </body></html> ありがとう、でも私は自分で解決しました、ブラウザのキャッシュが原因です
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。