jqueryui:Accordion不是函数

答复:

事实证明，在HTML5 boileplate生成的HTML的底部有一个对CDN的JQuery调用，因此它卸载了JQuery UI

我有一个HTML5样板项目，最终将通过Django提供。目前，我只是想让我的前端看起来好看

我已经在我的JQuery和jQueryUI中链接了，但是JQuery和JQuery函数看起来像是在工作，但出于某种原因，它拒绝承认accordion的存在。我得到“未捕获的TypeError:$（…）。手风琴不是一个函数”

达卡拉
$（函数（）{
$（“.news_container”）.accordion（）；
});

分区定义：

            <div class="news_container">
          <h3>Test News, please ignore</h3>
          <div class="news_item">
            <p>
              Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Ut
              gravida at est non blandit. Maecenas elementum ullamcorper
              rutrum. Suspendisse  dignissim porta congue. Mauris finibus
              neque diam,  ullamcorper sodales est suscipit a.
            </p>
          </div>
          <h3>Test News2, please ignore</h3>
          <div class="news_item">
            <p>
              Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Ut
              gravida at est non blandit. Maecenas elementum ullamcorper
              rutrum. Suspendisse  dignissim porta congue. Mauris finibus
              neque diam,  ullamcorper sodales est suscipit a.
            </p>
          </div>
          <h3>Test News3, please ignore</h3>
          <div class="news_item">
            <p>
              Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Ut
              gravida at est non blandit. Maecenas elementum ullamcorper
              rutrum. Suspendisse  dignissim porta congue. Mauris finibus
              neque diam,  ullamcorper sodales est suscipit a.
            </p>
          </div>
          <h3>Test New4, please ignore</h3>
          <div class="news_item">
            <p>
              Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Ut
              gravida at est non blandit. Maecenas elementum ullamcorper
              rutrum. Suspendisse  dignissim porta congue. Mauris finibus
              neque diam,  ullamcorper sodales est suscipit a.
            </p>
          </div>
        </div>

测试新闻，请忽略

Lorem ipsum dolor sit amet，是一位杰出的献身者。美国犹他州
美国东部时间的孕妇非布兰迪特。乌拉姆科珀元素酒店
芸香。康格门贵宾酒店。毛里斯·菲尼布斯
从直径来看，ullamcorper sodales是一种最常见的饮料。

测试新闻2，请忽略

Lorem ipsum dolor sit amet，是一位杰出的献身者。美国犹他州
美国东部时间的孕妇非布兰迪特。乌拉姆科珀元素酒店
芸香。康格门贵宾酒店。毛里斯·菲尼布斯
从直径来看，ullamcorper sodales是一种最常见的饮料。

测试新闻3，请忽略

Lorem ipsum dolor sit amet，是一位杰出的献身者。美国犹他州
美国东部时间的孕妇非布兰迪特。乌拉姆科珀元素酒店
芸香。康格门贵宾酒店。毛里斯·菲尼布斯
从直径来看，ullamcorper sodales是一种最常见的饮料。

测试新4，请忽略

Lorem ipsum dolor sit amet，是一位杰出的献身者。美国犹他州
美国东部时间的孕妇非布兰迪特。乌拉姆科珀元素酒店
芸香。康格门贵宾酒店。毛里斯·菲尼布斯
从直径来看，ullamcorper sodales是一种最常见的饮料。

您确定这就是您的产品吗？至少，jQuery将返回一个包含匹配元素的jQuery集合。即使找不到任何东西，它仍然会返回该集合，尽管它是一个空集合。即使是空的，

accordion（）

也应该仍然可以调用。结论是，

$（）

没有返回jQuery集合。这意味着这里有某种类型的输入错误，或者jQuery没有附加到

$

。虽然这可能发生，但仍然允许onready速记是一个谜

---

一个jsfiddle演示了这一点。请注意，尽管没有内容，

accordian（）

也可以正常工作。

我不这么认为。新闻容器包含5组元素，如下所述：我将添加要检查的新闻容器html。如果我在控制台中添加$（“.news\u container”），它将返回div以及所有对。奇怪的是，如果我将div从上面粘贴到您添加的jsfiddle中，它就会工作。这让我相信我一定在什么地方有某种导入错误。我尝试了多种导入方法。下载并引用本地文件和CDN。@sevy325不应将div作为元素返回，而应返回一个对象。对象将是一个jQuery集合，一个类似数组的对象，匹配的元素将作为对象中的编号属性引用。使用您的代码可以看到这一点。@sevy325我不知道它是否相关，但jQuery不是唯一使用

$

的库。原型和MooTools也使用它。如果使用这些或其他类似于jQuery的功能，您可能会遇到这个问题。也许可以尝试使用

jQuery

而不是

$

。

            <div class="news_container">
          <h3>Test News, please ignore</h3>
          <div class="news_item">
            <p>
              Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Ut
              gravida at est non blandit. Maecenas elementum ullamcorper
              rutrum. Suspendisse  dignissim porta congue. Mauris finibus
              neque diam,  ullamcorper sodales est suscipit a.
            </p>
          </div>
          <h3>Test News2, please ignore</h3>
          <div class="news_item">
            <p>
              Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Ut
              gravida at est non blandit. Maecenas elementum ullamcorper
              rutrum. Suspendisse  dignissim porta congue. Mauris finibus
              neque diam,  ullamcorper sodales est suscipit a.
            </p>
          </div>
          <h3>Test News3, please ignore</h3>
          <div class="news_item">
            <p>
              Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Ut
              gravida at est non blandit. Maecenas elementum ullamcorper
              rutrum. Suspendisse  dignissim porta congue. Mauris finibus
              neque diam,  ullamcorper sodales est suscipit a.
            </p>
          </div>
          <h3>Test New4, please ignore</h3>
          <div class="news_item">
            <p>
              Lorem ipsum dolor sit amet, consectetur adipiscing elit.  Ut
              gravida at est non blandit. Maecenas elementum ullamcorper
              rutrum. Suspendisse  dignissim porta congue. Mauris finibus
              neque diam,  ullamcorper sodales est suscipit a.
            </p>
          </div>
        </div>