我如何獲得jQuery與我一起工作？

我正在研究手風琴。看着YouTube上的一些老兄做它，並像他一樣寫一切，它在他的視頻，但不是在我的電腦上。我如何獲得jQuery與我一起工作？

這是我所做的（是的，我在開始時聲明瞭HTML，是的，我打開並正確關閉了<head>）。

<title> Въпроси - TheZone </title> 
<link rel="stylesheet" type="text/css" href="thezonesh.css"> 
<script src="js\jquery-ui-1.11.4.custom\jquery-ui.js"></script> 


<script type="text/javascript" > 
$(function() 
{ 
$("dd").hide(); 

}); 
</script>

// ---一些菜單和標題---

<div id="accordion"> 
<dl> 
<dt><h3>Какво реално получавам , когато подпиша договор за ТВ и Интернет с вас ? 
</h3></dt> 
<dd> 

<ul> 
<li><p> Повечето договори за интернет включват безплатен рутер с тях. (Всеки договор за интернет за скорост над 
    30Mbps). Това означава , че ние ви даваме рутер за ползвне за срока на договора , който е настроен от нас. 
    Следователно - от Ваша страна не се очаква никаква настройка. За улеснение на нашите клиенти, ще ви дадем име 
    и парола на мрежата за рутера по ваш избор. В случай , че сте подписали договор включващ Fiber (оптичен интернет и ТВ) 
    вие получавате ONT устройство за ползване до края на договора. То се монтира на входа на жилището (от вътрешна или външна страна 
    , по ваше желание). С помощта на това устройство , се разделя сигналът на ТВ и Интернет от един оптичен кабел , 
    за да се захрани вътрешната мрежа (в самото жилище) до съответните устройства. Също така , за приемане на цифров сигнал(в случай , че 
    нямате телевизор с вграден тунер) ние ви даваме цифров приемник според вашата тарифа (Start TV , Comfort TV - SD приемник. Max TV - HD приемник) 
    с помощта на който вие ще можете да гледате пълния набор от канали за вашия тарифен план. Всичко това вие получавате БЕЗПЛАТНО !</p> 
    </li> 
    </ul> 
</dd> 
</dl> 
</div>

所以我不知道如何用jQuery工作，我只是看視頻，並希望能得到經驗，隨着時間的推移，但我盡我所能完全一樣的方式。在他的視頻中，當他保存這樣的文件時，<dd>被隱藏起來，但沒有被顯示出來，但這不適用於我。

我猜這個問題是與聲明的jQuery文件負責的行動。但我不知道我應該得到哪一個。

來源

2015-04-02 Denislav Karagiozov

你確定你的jQuery的指定文件夾？ – 2015-04-02 18:21:17

檢查5次，嘗試\和/分隔符，檢查名稱，檢查目錄，最後我複製粘貼它。還是行不通。在鉻，這是否告訴你什麼？ – 2015-04-02 18:26:47

[打開你的控制檯]（http://webmasters.stackexchange.com/questions/8525/how-to-open-the-javascript-console-in-different-browsers），並看看錯誤說的是什麼。對於開始，如果你看到'$未定義'之類的東西，那麼你的jQuery腳本文件的位置有問題。讓我們知道它說了什麼。 – 2015-04-02 18:27:04

首先 - 確保您的jQuery包括使用jQuery UI一起（jQuery的必須包含第一）

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
<link href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" rel="stylesheet"/> 
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>

這些都在調用使用它們的任何功能將包含在文檔中。我更願意在文檔的<head>中包含庫。

後你會得到你的佈局，你想要的方式 - 你要告訴jQuery的是，accordion DIV是手風琴，像這樣：

<script> 
    $("#accordion").accordion(); 
</script>

這應該body元素閉幕前右定位</body>

這兒有你一個完整的例子：

$("#accordion").accordion();

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<link href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" rel="stylesheet" /> 
 
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script> 
 

 
<div id="accordion"> 
 
    <h3>Section 1</h3> 
 
    <div> 
 
     <p> 
 
      Повечето договори за интернет включват безплатен рутер с тях. (Всеки договор за интернет за скорост над 
 
      30Mbps). 
 
     </p> 
 
    </div> 
 
    <h3>Section 2</h3> 
 
    <div> 
 
     <p> 
 
      Повечето договори за интернет включват безплатен рутер с тях. (Всеки договор за интернет за скорост над 
 
      30Mbps). Това означава , че ние ви даваме рутер за ползвне за срока на договора , който е настроен от нас. 
 
     </p> 
 
    </div> 
 
</div>

我想這也將有助於你經過這裏的例子：https://jqueryui.com/accordion/

這些例子會告訴你不同的功能。下面是改變默認的手風琴功能，並允許您摺疊所有部分的例子：

$("#accordion").accordion({ 
 
    collapsible: true 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<link href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" rel="stylesheet" /> 
 
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script> 
 

 

 

 
<div id="accordion"> 
 
    <h3>Section 1</h3> 
 
    <div> 
 
     <p> 
 
      Повечето договори за интернет включват безплатен рутер с тях. (Всеки договор за интернет за скорост над 
 
      30Mbps). 
 
     </p> 
 
    </div> 
 
    <h3>Section 2</h3> 
 
    <div> 
 
     <p> 
 
      Повечето договори за интернет включват безплатен рутер с тях. (Всеки договор за интернет за скорост над 
 
      30Mbps). Това означава , че ние ви даваме рутер за ползвне за срока на договора , който е настроен от нас. 
 
     </p> 
 
    </div> 
 
</div>

讓我知道如果您有任何其他疑問

來源

2015-04-02 18:28:17

謝謝你！它實際上消失了，我至少想要的部分。所以最後我做錯了什麼 - 我沒有告訴j查詢那個div是一個手風琴，我沒有在第一個地方宣佈j查詢正確嗎？ – 2015-04-02 18:38:42

是的，這兩件事是你需要的。查看jquery-ui.com上的例子，你可以從中學到更多東西。此外 - 隨時回到這裏，並提出您可能有任何問題:-) – 2015-04-02 18:40:58

謝謝布魯！有什麼我可以喜歡的方式，評價你還是更喜歡讚美你給我的幫助？（新的stackoverflow以及）除了upvoting除了upvoting的答案（我不能做的，因爲我不是lv 15） – 2015-04-02 18:44:08

我如何獲得jQuery與我一起工作？

回答

相關問題