私はアコーディオンに取り組んでいます。ユーチューブで何人かの男がそれをするのを見て、彼がするようにすべてを書きます、それは彼のビデオでは機能しますが、私のPCでは機能しません。
これが私がすることです(はい、私は最初に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ファイルの宣言にあると思います。しかし、私はどちらのイムが得られるべきかわかりません。
最初-jQueryUIと一緒にjQueryを含めるようにしてください(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>
ドキュメントのにライブラリを含めることを好みます。
レイアウトを希望どおりに取得したらaccordion
、次のようにdivがアコーディオンであることをjQueryに通知する必要があります。
<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>
他にご不明な点がありましたらお知らせください
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加