Question

我刚刚开始一个新网站，我正在使用jQuery UI Accordion进行侧边栏导航。它在我的电脑上运行良好。它在我的服务器上运行良好，但是当我今天早上将它移动到我的客户端服务器时，手风琴打破了 - 有点轮胎爆胎。

我仔细检查了jQuery和css的路径，但看不出有什么问题。

以下是有效的：http://www.rouviere.com/clients/ima/

这是html：

 <div id="accordion">
        <div>
            <h3><a href="#">principals</a></h3>
            <div>
                <p>bill schulz<br />
                    ron izumita<br />
                    ann cutner<br />
                    leo o'brian</p>
            </div>
        </div>
        <div>
            <h3><a href="#">senior associates</a></h3>
            <div>
                <p>steve garcia<br />
                    vicki hill<br />
                    glenn ho<br />
                    robert moffat</p>
            </div>
        </div>
        <div>
            <h3><a href="#">associates</a></h3>
            <div>associates.</div>
        </div>
    </div><!-- end accordion -->

我希望仔细观察或看看你是否能分辨出错过的东西。

谢谢！

Answer 1

由于HTML不同，这里是两个片段

工作

<h3 class="ui-accordion-header ui-helper-reset ui-state-default ui-corner-all" role="tab" aria-expanded="false" aria-selected="false" tabindex="-1"><span class="ui-icon ui-icon-triangle-1-e"></span><a href="#">principals</a></h3>

不工作

<h3><a href="#">principals</a></h3>

注意不工作甚至没有h3上的类列表（我在它上面的div元素上发现了相同的东西）...所以也许使html相同会起作用。

Answer 2

您的HTML和JavaScript在页面之间有所不同，例如：

$("#accordion").accordion();

和

$("#accordion").accordion({ header: "h3"});

比较JavaScript / HTML中差异的完整列表的来源，使用命令提示符中的diff或在Notepad ++中进行比较。

jQuery UI Accordion在一台服务器上正常显示但在另一台服务器上没有显示 - 为什么？

2 个答案: