-1

まず、私は非常に長い間潜伏している新しいメンバーです。私の側の実験による単純な検索は、通常、私の質問に答えます。

私は現在、twitter ブートストラップと Jquery を試しています。奇妙な理由で、Web サーバーでレンダリングする JavaScript を取得できません。nginxがインストールされたクリーンサーバー。

テストするには、タブ1をロードする簡単なスクリプトです。うまくいきません。

私は何を間違っていますか？

<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery.min.js"></script>
<link href="http://twitter.github.io/bootstrap/assets/css/bootstrap.css" rel="stylesheet" type="text/css" />
<link href="http://twitter.github.io/bootstrap/assets/css/bootstrap-responsive.css" rel="stylesheet" type="text/css" />
<script src="http://twitter.github.io/bootstrap/assets/js/bootstrap.js"></script>
<meta charset=utf-8 />
<title>JS Bin</title>
</head>
<body>

    <div class="container">
    <div class="row-fluid">
    <ul class="nav nav-tabs" id="tabs">

        <li class="active span4 text-center"><a href="#tab1" data-toggle="tab">Protecting your data </a></li>

        <li class="span4 text-center"><a href="#tab2" data-toggle="tab">Built-in Compliance </a></li>

        <li class="span4 text-center"><a href="#tab3" data-toggle="tab">Easy IT Administration </a></li>

    </ul>
    </div>

    <div class="tab-content">
        <div id="tab1" class="tab-pane">
            <p>Protecting your data</p>
        </div>
        <div id="tab2" class="tab-pane">
            <p>Built-in Compliance</p>
        </div>
        <div id="tab3" class="tab-pane">
            <p>This is tab 3</p>
        </div>
    </div>

    </div>

<!-- script to display first tab by default -->


<script>
    $(function () {
    $('#tabs a:first').tab('show');
    })
</script>


</body>
</html>
4

2 に答える 2

1

あなたが探しているのはこれだと思います：

NOtworking =>>>> $('#tabs a').first().tab('show');



EDIT

あなたのページにはいくつかのファンクがあるようです。最初に別のタブを選択すると機能するので...

$('#tabs a').tab('show').first().tab('show')

/* 最終的な問題が見つかりました */

問題をいじった後。activeクラスが問題のようです。あなたの最初の李からそれを取り除くと、あなたはいいです.

于 2013-07-09T21:29:38.463 に答える
0

問題は、最初のタブがデフォルトで選択されているため、そのタブを選択するように指示しようとしても何もしません。ただし、デフォルトでは表示されないため、コンテンツは表示されません。アクティブなクラスをliとタブに配置する必要があります。したがって、タブとコンテンツの両方でアクティブなデフォルトのタブから始めることができます。

<li class="active span4 text-center active">

<div id="tab1" class="tab-pane active">

http://jsfiddle.net/s4d8x/1/

または、別のタブに切り替えてから戻ることもできます。

http://jsfiddle.net/r6hJ9/

于 2013-07-09T21:46:56.000 に答える