jQuery-UI не загружается или вкладки не тянут другое содержимое вниз?

Question

Я занимаюсь разработкой веб-сайта WordPress и у меня возникают проблемы с вкладками jQuery-ui.

Прежде всего, иногда jQuery не загружается, и я понятия не имею, почему это происходит, я полагаю, это какая-то проблема совместимости.Вкладки выглядят совершенно не отформатированными, и их содержимое отображается поверх остальных элементов.

Затем, относительно вкладок, они расположены вертикально, а не так, как они представлены по умолчанию.Содержимое вкладок динамическое, и единственное, что я знаю, это минимальная высота.Однако, когда я открываю контент, который имеет большую высоту, он не тянет вниз весь остальной сайт, он остается сверху или ниже другого контента.Я надеюсь, вы понимаете, о чем я.

Я оставлю здесь URL-адрес веб-сайта, вы можете увидеть зеленые вкладки внизу.Однако я могу оставить сайт «открытым» для публичного доступа только на короткий промежуток времени, иначе клиент будет расстроен.

Ссылка на сайт

Если вы нажмете «Caract. Molecular (OIV)» или «Fenologia», вы увидите, что все выглядит хорошо.Но если вы нажмете «Потенциальное вегетативное» (я поместил немного lorem ipsum), вы увидите, что не так -> содержимое остается поверх другого содержимого (фраза «Voltar ao resultado da pesquisa») и ниже нижнего колонтитула.

В настоящее время веб-сайт разрабатывается только на португальском языке, и я прошу прощения за это.Однако я верю, что вы все равно сможете понять разметку HTML / CSS.Заранее спасибо за вашу помощь.

РЕДАКТИРОВАТЬ: Кстати, сайт в настоящее время оптимизирован только для Firefox.Приветствия.

Answer 1

Исходя из вашего источника, вы включаете jQuery из репозитория Google, затем пользовательский интерфейс jQuery, а затем снова локальный 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');
?>