Jquery DIV .hide（）不工作

我有4個DIVs在加載我想隱藏3 ..點擊（標籤鏈接）我想顯示該標籤的內容.. 並隱藏其餘..這是什麼我有..其沒有工作=（Jquery DIV .hide（）不工作

<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>

來源

2013-04-23 user1986245

ID必須是唯一的。你的JavaScript在哪裏？ – 2013-04-23 17:51:23

我看到'$不是一個函數'，這讓我覺得這個JavaScript在jQuery加載之前運行，但我不熟悉codepen – 2013-04-23 17:53:41

你的代碼沒有問題。 Codepen.io根本不包括你期望的jQuery。如果您在JS配置屏幕中選擇了jquery，它將以您想要的方式工作。 – 2013-04-23 17:55:13

您的代碼工作正常，如果包括jQuery的。

在右上角，還有它可以讓你選擇一個框架圖標包括

來源

2013-04-23 17:55:24 Kenneth

在CodePen中，JS代碼片段在jQuery調用HTML之前就已經加載了。您可以通過單擊JS窗格頂部的齒輪圖標並將jQuery添加到庫列表來修復CodePen。當您實際將一個HTML頁面放在一起以在本地運行時，在導入您正在編寫的腳本之前導入jQuery。

如果您在將來實施此腳本時遇到問題，請檢查JavaScript控制檯。這個錯誤通常意味着沒有導入jQuery：

Uncaught TypeError: Property '$' of object [object Object] is not a function

來源

2013-04-23 17:55:51

謝謝..這回答了我的問題..在我的網站上，其他一些插件採取變量爲$，所以我只是取代它與jQuery和似乎工作正常。 – user1986245 2013-04-23 20:10:49

正如我所看到的，您包含的jQuery實例不起作用。嘗試將其替換爲here

來源

2013-04-23 17:59:57 seniorpreacher

只需在空白頁面的開發工具上運行jQuery副本，它不會設置$或jQuery變量。 – seniorpreacher 2013-04-23 18:02:20

Jquery DIV .hide（）不工作

回答

相關問題