Question

我正在研究手风琴。在youtube上观看一些家伙并按照他的方式编写所有内容，它可以在他的视频上运行但不在我的电脑上。

以下是我的工作（是的，我确实在开始时声明了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文件的声明。但是我不知道我应该得到哪一个。

Answer 1

首先 - 确保包含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>

之前

以下是您的完整示例：

$("#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>

如果您有任何其他问题，请告诉我

我如何让jQuery与我合作？

1 个答案: