jQuery-ui没有加载或标签不会拉下其他内容?

时间:2012-04-02 18:08:30

标签: jquery html css jquery-ui

我正在开发一个wordpress网站,我遇到了jQuery-ui标签的问题。

首先,有时jQuery没有加载,我不知道为什么会发生这种情况,我想这是一种兼容性问题。标签显示完全未格式化,标签的内容位于其余部分之上。

然后,关于标签,它们是垂直方式,而不是默认显示。 标签的内容是动态的,我唯一知道的是最小高度。但是,当我打开一个高度较大的内容时,它不会将网站的其余部分拉下来,它会保持在其他内容的顶部或下方。我希望你能理解我的意思。

我会在这里留下网站的URL,你可以看到底部附近的绿色标签。但是,我只能在短时间内让网站“公开”以供公众访问,否则客户会感到不安。

Link to website

如果点击“Caract.Molecular(OIV)”或“Fenologia”,你会看到一切看起来都很好。但是,如果你点击“Potencial Vegetativo”(我放了一些lorem ipsum),你会看到什么是错的 - >内容保持在其他内容(短语“Voltar ao resultado da pesquisa”)和页脚下方。

该网站目前仅以葡萄牙语开发,我为此道歉。但是,我相信你无论如何都能理解HTML / CSS标记。在此先感谢您的帮助。

编辑:顺便说一下,该网站目前仅针对Firefox进行了优化。欢呼声。

1 个答案:

答案 0 :(得分:1)

根据您的来源,您将从google存储库中包含jQuery,然后再包含jQuery UI和本地jQuery。 JQuery内置于WordPress中,因此插件可以利用它而不必猜测它是否被加载。你应该正确地使用javascript,以便以正确的顺序加载它。

如果你想使用谷歌存储库版本的jQuery,你应该做这样的事情:

<?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');
?>