Javascript Google Chrome扩展可能会打乱我的开发测试

我正在使用一些Chrome扩展，一些开发，一些游戏和其他的像ABP，趋势微工具栏和一些其他的像REST，Postman等

因此，我正在尝试使用JqueryUI中的代码进行测试，而Accordion小部件将无法工作。有趣的是，dev控制台中没有错误。只是extensions:：uncaught_exception_处理程序的一个错误：9。这是一个名为：extensions:uncaught\u exception\u处理程序的JS文件

这是从哪里来的

以下是我的控制台屏幕截图：

现在，我直接从网站上实现的基本手风琴代码：

就这样。。。我得到的是：

现在，根据上面的链接，最后是“应该”使手风琴工作的代码：

<div id="accordion" class="ui-accordion">
    <h3 class="ui-accordion-header ui-accordion-header-icon">Section 1</h3>
    <div class="ui-accordion-content">
        <p>
            Mauris mauris ante, blandit et, ultrices a, suscipit eget, quam. Integer
            ut neque. Vivamus nisi metus, molestie vel, gravida in, condimentum sit
            amet, nunc. Nam a nibh. Donec suscipit eros. Nam mi. Proin viverra leo ut
            odio. Curabitur malesuada. Vestibulum a velit eu ante scelerisque vulputate.
        </p>
    </div>
    <h3 class="ui-accordion-header ui-accordion-header-icon">Section 2</h3>
    <div class="ui-accordion-content">
        <p>
            Sed non urna. Donec et ante. Phasellus eu ligula. Vestibulum sit amet
            purus. Vivamus hendrerit, dolor at aliquet laoreet, mauris turpis porttitor
            velit, faucibus interdum tellus libero ac justo. Vivamus non quam. In
            suscipit faucibus urna.
        </p>
    </div>
    <h3 class="ui-accordion-header ui-accordion-header-icon">Section 3</h3>
    <div class="ui-accordion-content">
        <p>
            Nam enim risus, molestie et, porta ac, aliquam ac, risus. Quisque lobortis.
            Phasellus pellentesque purus in massa. Aenean in pede. Phasellus ac libero
            ac tellus pellentesque semper. Sed ac felis. Sed commodo, magna quis
            lacinia ornare, quam ante aliquam nisi, eu iaculis leo purus venenatis dui.
        </p>
        <ul>
            <li>List item one</li>
            <li>List item two</li>
            <li>List item three</li>
        </ul>
    </div>
</div>

---

在你说这个之前我就让它工作了。。。很酷

我去了光秃秃的树根，发现它是“H1”标签坐在树根上

<div id="accordion"> 

把事情搞砸的标签

当我简单地把标题放在它自己的div中时，问题就消失了

以下是解决方案：

    <div id="title">
        <h1>The Books...</h1>
        <h2>The AUTHOR</h2>
        <p>A collection of books published or currently in development</p>
    </div>
    <hr/>
    <div id="accordion">
        <h3>Section 1</h3>
        <div>
            <p>
                Mauris mauris ante, blandit et, ultrices a, suscipit eget, quam. Integer
                ut neque. Vivamus nisi metus, molestie vel, gravida in, condimentum sit
                amet, nunc. Nam a nibh. Donec suscipit eros. Nam mi. Proin viverra leo ut
                odio. Curabitur malesuada. Vestibulum a velit eu ante scelerisque vulputate.
            </p>
        </div>
        <h3>Section 2</h3>
        <div>
            <p>
                Sed non urna. Donec et ante. Phasellus eu ligula. Vestibulum sit amet
                purus. Vivamus hendrerit, dolor at aliquet laoreet, mauris turpis porttitor
                velit, faucibus interdum tellus libero ac justo. Vivamus non quam. In
                suscipit faucibus urna.
            </p>
        </div>
        <h3>Section 3</h3>
        <div>
            <p>
                Nam enim risus, molestie et, porta ac, aliquam ac, risus. Quisque lobortis.
                Phasellus pellentesque purus in massa. Aenean in pede. Phasellus ac libero
                ac tellus pellentesque semper. Sed ac felis. Sed commodo, magna quis
                lacinia ornare, quam ante aliquam nisi, eu iaculis leo purus venenatis dui.
            </p>
            <ul>
                <li>List item one</li>
                <li>List item two</li>
                <li>List item three</li>
            </ul>
        </div>
    </div>

这些书。。。
作者
已出版或正在开发的书籍集


第一节

莫里斯·莫里斯·安特、布兰迪·埃特、奥特莱斯a、苏西比特·埃特、夸姆。整数
乌特内克。胎膜早破，胎膜早破，妊娠期，调味品
阿梅特，努克。南阿尼布。Donec suscipit Peros。南美。普罗因维韦拉利奥大学
奥迪奥。马勒苏阿达库拉比图尔酒店。前庭是一个圆滑的节杖。

第二节

塞德·努尔纳。别着急。叶舌。前庭
普卢斯。Vivamus hendrerit，aliquet laoreet的dolor，mauris turpis porttitor
维利特，我要告诉你自由。不夸姆万岁。在里面
suscipit faucibus urna。

第三节

Nam enim risus，molestie et，porta ac，aliquam ac，risus。奎斯克·洛博蒂斯。
马萨的Phasellus Pellentsque purus。埃尼安在佩德。自由之旅
ac tellus pellentesque semper。塞德·ac·费利斯。塞德·康莫多，麦格纳·奎斯
拉齐尼亚·奥纳雷、尼西和威尼斯酒后驾车。


第一项
清单项目二
清单项目三

您是否启动手风琴？从jquery ui文档：

$（“#accordion”）.accordion（）是的，这是从文件中完成的：custombase jquery ui.js。。。请参阅上面的第二个更新。Rofl derp，如果它是从custom-base-jquery-ui.js初始化的，为什么要在它之后加载accorbian插件？当然，它不会识别初始化，因为它还没有被创建：）不，很抱歉，但是accordion.js脚本只包含“HOVERINT”功能。手风琴正在初始化。我已经将JS文件重新排序了九种方式，到了星期天仍然如此。没有JS错误，手风琴功能不起作用。我继续得到你在第二张图中看到的东西。我甚至拿出了accordion.js，仍然没有变化，也没有错误。这是完全可能的，因为我通过以下方式预加载js文件：有问题吗？虽然文件都加载成功了，但我不这么认为。嗯，显然有一些问题。尽量减少不必要的代码。以下是一个基本的工作示例：
$(function () {

    $("#accordion").accordion({
        heightStyle: "content",
        event: "click hoverintent",  //This is in the accordion.js file
        icons: icons
    });
});

<div id="accordion"> 

    <div id="title">
        <h1>The Books...</h1>
        <h2>The AUTHOR</h2>
        <p>A collection of books published or currently in development</p>
    </div>
    <hr/>
    <div id="accordion">
        <h3>Section 1</h3>
        <div>
            <p>
                Mauris mauris ante, blandit et, ultrices a, suscipit eget, quam. Integer
                ut neque. Vivamus nisi metus, molestie vel, gravida in, condimentum sit
                amet, nunc. Nam a nibh. Donec suscipit eros. Nam mi. Proin viverra leo ut
                odio. Curabitur malesuada. Vestibulum a velit eu ante scelerisque vulputate.
            </p>
        </div>
        <h3>Section 2</h3>
        <div>
            <p>
                Sed non urna. Donec et ante. Phasellus eu ligula. Vestibulum sit amet
                purus. Vivamus hendrerit, dolor at aliquet laoreet, mauris turpis porttitor
                velit, faucibus interdum tellus libero ac justo. Vivamus non quam. In
                suscipit faucibus urna.
            </p>
        </div>
        <h3>Section 3</h3>
        <div>
            <p>
                Nam enim risus, molestie et, porta ac, aliquam ac, risus. Quisque lobortis.
                Phasellus pellentesque purus in massa. Aenean in pede. Phasellus ac libero
                ac tellus pellentesque semper. Sed ac felis. Sed commodo, magna quis
                lacinia ornare, quam ante aliquam nisi, eu iaculis leo purus venenatis dui.
            </p>
            <ul>
                <li>List item one</li>
                <li>List item two</li>
                <li>List item three</li>
            </ul>
        </div>
    </div>