Javascript accordion（）不'；无法工作，因为jQuery没有加载到HTML中_Javascript_Jquery_Html

Javascript accordion（）不'；无法工作，因为jQuery没有加载到HTML中

javascript jquery html

Javascript accordion（）不'；无法工作，因为jQuery没有加载到HTML中,javascript,jquery,html,Javascript,Jquery,Html,我读过网络上的所有内容，也读过关于堆栈溢出的所有内容。我已经修改了我的代码很多次，但我的代码仍然不能工作！我快发疯了，因为jQuery不应该这么难只是澄清一下，手风琴功能甚至没有显示在页面上。我所有的HTML和CSS都工作得很好。我在页面上看到的只是标题和段落。当点击标题时，段落应该起到手风琴的作用这是我的HTML： <!DOCTYPE HTML> <html> <head> <meta charset="UTF-8">

我读过网络上的所有内容，也读过关于堆栈溢出的所有内容。我已经修改了我的代码很多次，但我的代码仍然不能工作！我快发疯了，因为jQuery不应该这么难

只是澄清一下，手风琴功能甚至没有显示在页面上。我所有的HTML和CSS都工作得很好。我在页面上看到的只是标题和段落。当点击标题时，段落应该起到手风琴的作用

这是我的HTML：

<!DOCTYPE HTML>
<html>
  <head>
        <meta charset="UTF-8">
    <link rel="stylesheet" type="text/css" href="css/style.css">
    <link rel="SHORTCUT ICON" HREF="/favicon.png">
    <title>Services</title>
    <link href="http://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css" rel="stylesheet" type="text/css">
    <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
    <script type="text/javascript" src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script>

    <script>
             $(document).ready(function(){
                $('#accordion').accordion();
             })
    </script>
  </head>

    <body>
        <div id="accordion">
            <h2 style="font-size:40px">Web Development</h2>
            <div>
                <p style="font-size:30px">Text text text Text text text Text text text Text text text Text text text</p>
            </div>

            <h2 style="font-size:40px">Mobile Development</h2>
            <div>
                <p style="font-size:30px">Text text text Text text text Text text text Text text text Text text text</p>
            </div>

            <h2 style="font-size:40px">SEO</h2>
            <div>
                <p style="font-size:30px">Text text text Text text text Text text text Text text text Text text text</p>
            </div>
        </div>
    </body>
</html>


服务
$（文档）.ready（函数（）{
$（'手风琴'）。手风琴（）；
})
网络开发
文本文本
移动开发
文本文本
搜索引擎优化
文本文本

更新

由于某种原因，jQuery似乎没有加载到我的HTML中。我应该如何解决这个问题？

最好的办法是让脚本位于html代码下面。另一件重要的事情是使用window.onload（）而不是.ready（）。这两天前对我起了作用：）

这允许在页面完全加载后运行代码：

希望有帮助：）

试试这个：

$(function () {
    $('#accordion').accordion();
});

请运行以下代码：我的猜测是，其中一个没有加载：

if (window.jQuery) {  
   alert("Jquery loaded");
} else {
    alert("not loaded");// jQuery is not loaded
}

嗯我认为你在寻找

我补充说

{ fillSpace: true, collapsible: true ,active: false}

那么脚本是：

<script>
             $(document).ready(function(){
               $('#accordion').accordion({ fillSpace: true, collapsible: true ,active: false});
             });
    </script>


$（文档）.ready（函数（）{
$（“#accordion”）.accordion（{fillSpace:true，collapsable:true，active:false}）；
});

您可以读取可折叠空间和填充空间的区别

单击图像右侧的折叠内容和填充空间，查看差异。

尝试使用jQuery库：

 <script src="//code.jquery.com/jquery-1.10.2.js"></script>
 <script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>

而不是那些：

 <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script>

来源：

用以下内容替换代码中的jquery和jquery ui脚本定义：

<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://code.jquery.com/ui/1.9.2/jquery-ui.min.js"></script>

它现在应该可以用了。

有什么不行的？手风琴功能不行。我在页面上看到的只是标题和段落。段落应该上下切换。你把脚本放在HTML代码下面到底是什么意思？最好的做法是。。。在车身标签下方或关闭车身之前。但在您的情况下，使用window.onload应该可以工作。将脚本放入正文或window.onload都不起作用：-（jquery未根据消息why not use Inspect元素加载（右键单击浏览器并查找错误）或者使用Firebug for Mozilla以及您使用的浏览器版本？@bkhosh2Chrome 34.0.1847.116、Firefox 28.0和Safari 7.0.3