2012-04-02 67 views
0

我正在开发一个wordpress网站,我遇到了jQuery-ui选项卡的问题。jQuery-ui不加载或标签不会拉下其他内容?

首先,有时jQuery不加载,我不知道为什么发生这种情况,我想这是某种兼容性问题。这些选项卡完全不带标签的内容,其余部分完全没有格式化。

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

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

Link to website

如果你点击 “Caract。分子(OIV)” 或 “Fenologia” 你将看到的一切都看起来不错。但是,如果你点击“Potencial Vegetativo”(我放置了一些Lorem ipsum),你会发现什么是错的 - >内容保持在其他内容之上(短语“Voltar ao resultado da pesquisa”)和页脚下方。

该网站目前只在葡萄牙开发,我对此表示歉意。不过,我相信你将能够理解HTML/CSS标记。预先感谢您的帮助。

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

+0

你是否包括jquery-ui.css? – DG3 2012-04-02 18:12:22

+0

当然可以。还有主题CSS文件。 – Cthulhu 2012-04-02 18:12:59

回答

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的depenant,可以使用这样的事情:

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

这太好了。谢谢。 – Cthulhu 2012-04-03 09:12:58