jQuery-ui 未加载或选项卡不拉下其他内容？

Question

我正在开发一个 wordpress 网站，但我遇到了 jQuery-ui 选项卡的问题。

首先，有时 jQuery 无法加载，我不知道为什么会这样，我想这是某种兼容性问题。选项卡看起来完全没有格式，选项卡的内容位于其余部分之上。

然后，关于选项卡，它们是垂直的，而不是默认显示的。选项卡的内容是动态的，我唯一知道的是最小高度。但是，当我打开一个高度较大的内容时，它不会将网站的其余部分拉下，而是停留在其他内容的顶部或下方。我希望你能明白我的意思。

我将在此处留下网站的 URL，您可以在底部附近看到绿色标签。但是，我只能让网站“开放”一段时间以供公众访问，否则客户会不高兴。

Link to website

如果您单击“Caract. Molecular (OIV)”或“Fenologia”，您会看到一切看起来都很好。但是，如果您单击“Potencial Vegetativo”(我放置了一些 lorem ipsum)，您将看到问题所在 -> 内容位于其他内容之上(短语“Voltar ao resultado da pesquisa”)和页脚下方。

该网站目前仅以葡萄牙语开发，对此我深表歉意。但是，我相信您无论如何都能理解 HTML/CSS 标记。预先感谢您的所有帮助。

编辑:顺便说一下，该网站目前只针对 Firefox 进行了优化。干杯。

Answer 1

根据您的来源，您包括来自谷歌存储库的 jQuery，然后是 jQuery UI，然后再次是本地 jQuery。 JQuery 内置于 WordPress 中，因此插件可以使用它而不必猜测它是否已加载。您应该正确查询 javascript，以便它以正确的顺序加载。

如果你想使用 jQuery 的 google 存储库版本，你应该这样做:

<?php
    function my_scripts_method() {
        wp_deregister_script( 'jquery' );
        wp_register_script( 'jquery', 'http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js');
        wp_enqueue_script( 'jquery' );
    }    

    add_action('wp_enqueue_scripts', 'my_scripts_method');
?>

要加载依赖于 jQuery 的附加脚本，您可以使用如下内容:

<?php
    function my_scripts_method() {
    wp_enqueue_script(
        'newscript',
        plugins_url('/js/newscript.js', __FILE__),
            array('jquery')
    );
    }    

    add_action('wp_enqueue_scripts', 'my_scripts_method');
?>