0

http://jquerytools.org/demos/tabs/skin1.htmを見てください。かなりエレガントです。jQuery (jQuery ツールではなく) を使用してまったく同じことを達成するにはどうすればよいですか? Theme Rooler は、そのためのテーマの作成には役立ちません。ほとんどの場合、色を変更することしかできません。私はすでにjQueryを使用しているため、jQueryツールを使用したくありません。別々のライブラリに混在させたくありません。

そのため、CSS (jQuery の css の変更) に手を染めましたが、まったく同じ結果を得ることができませんでした。もっと簡単な解決策はありますか？jQuery のタブをあきらめて、独自のタブをゼロから作成することを考えていますが、hide() やセレクターなどの jQuery 機能の一部はまだ使用しています。私の質問が非常に曖昧であることはわかっていますが、正しい方向に向けたいだけです。

4

2 に答える 2

1

jQuery Tools は jQuery の拡張であり、競合するものではありません。実際には、最初に jQuery をロードしないと機能しません。多くの一般的な Web ページ要素用の非常に優れたライブラリがあります。あなた自身が非常にエレガントだと言ったので、それを使用してみませんか?

于 2012-09-18T21:34:14.230 に答える
0

これを試してください：http://jsfiddle.net/wZPzB/

良いリンク: http://jqueryui.com/demos/tabs/

ツールライブラリを使用しないスクリプトの下でJQツールを使用しないことをどのように意味するのですか。

それが原因に適合することを願っています！:)

スクリプト

  <script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js'></script>
  <script type="text/javascript" src="http://code.jquery.com/ui/1.8.18/jquery-ui.min.js"></script>
  <script type="text/javascript" src="/js/lib/jquery.lint-11-06.js"></script>
    <link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1/themes/ui-lightness/jquery-ui.css">

コード==>$( "#tabs" ).tabs();

var $tabsList = $( "<ul></ul>" );

$( ".tab h3" )
    .each( function( idx ) {
        var $this = $( this ),
            tabId = "tabs-" + idx;
        
        $tabsList.append( "<li><a href='#" + tabId + "'>" + $this.text() + "</a></li>" );
        
        $this
            .parent()
                .removeClass( "tab" )
                .attr( "id", tabId );
        
        $this.remove();
        
    } );

$tabsList.prependTo( ".tabs" );

$( ".tabs" ).tabs();
​
于 2012-09-18T21:39:02.133 に答える