2012-04-02 77 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