0

ロード時に4つのDIVがあります.3つを非表示にしたい..クリックすると（タブリンク）、そのタブのコンテンツを表示し、残りを非表示にしたい..これは私が持っているものです..機能していません=（

http://codepen.io/anon/pen/AafIH

<script type='text/javascript' src='http://mimerchant.com/wp-includes/js/jquery/jquery.js'></script>
<div class="tabnav">
    <ul class="fancyNav">
        <li id="news"><a href="#creditcard" id="creditcard_link">Credit Card Processing</a> 
        </li>
        <li id="about"><a href="#atm" id="atm_link">ATM Processing</a>
        </li>
        <li id="services"><a href="#giftcard" id="giftcard_link">Gift Card Program</a>
        </li>
        <li id="contact"><a href="#check" id="check_link">Check Guarantee</a>
        </li>
    </ul>
</div>
<div class="tabcontent">
    <div id="creditcard">
        <div id="textbox">
             <h3>Credit Card Processing</h3>

            <p>Some Text here about what this credit card tab is about</p>
             <h3>Low Rates</h3>

            <p>About Low Rates</h3>
        </div>
    </div>
    <div id="atm">
        <div id="textbox">
             <h3>ATM Processing</h3>

            <p>Some text here about the ATM services</p>
             <h3>Another Title</h3>

            <p>Some text</p>
        </div>
    </div>
    <div id="giftcard">
        <div id="textbox">
             <h3>Gift Card Program</h3>

            <p>Something about gift cards</p>
        </div>
    </div>
    <div id="check">
        <div id="textbox">
             <h3>Check Guarantee</h3>

            <p>Something About Checks</p>
        </div>
    </div>
</div>
4

3 に答える 3

1

jQuery を含めると、コードは正常に機能します。

右上隅には、含めるフレームワークを選択できるアイコンがあります

于 2013-04-23T17:55:24.420 に答える
1

CodePen では、HTML で jQuery を呼び出す前に JS スニペットが読み込まれます。CodePen でこれを修正するには、JS ペインの上部にある歯車のアイコンをクリックし、jQuery をライブラリ リストに追加します。実際にローカルで実行する HTML ページを作成する場合は、作成中のスクリプトをインポートする前に jQuery をインポートします。

今後このスクリプトの実装に問題が発生した場合は、JavaScript コンソールを確認してください。このエラーは通常、jQuery がインポートされなかったことを意味します。

Uncaught TypeError: Property '$' of object [object Object] is not a function
于 2013-04-23T17:55:51.350 に答える