jQuery-uiが読み込まれていないか、タブが他のコンテンツをプルダウンしていませんか？

Question

私はWordPressのウェブサイトを開発しており、jQuery-uiタブに問題があります。

まず第一に、jQueryが読み込まれない場合がありますが、なぜこのようなことが起こるのかわかりません。互換性の問題があると思います。タブは完全に整形されておらず、残りのタブの上にタブの内容が表示されます。

タブについては、デフォルトでは表示されていません。 タブの内容は動的で、私が知っているのはmin-heightだけです。しかし、高さの高いコンテンツを開くと、ウェブサイトの残りの部分を引き下げず、他のコンテンツの上部または下部にとどまります。私はあなたが私の意味を理解できることを願っています。

私はここにウェブサイトのURLを残しておきます。下部に緑色のタブがあります。しかし、私はサイトを公開アクセスのために少しだけ短時間だけ開いておくことができます。そうしないと、クライアントが動揺します。

Link to website

あなたはすべてがよさそうだが表示されます "Caract。モレ（OIV）" または "Fenologia" をクリックします。しかし、 "Potencial Vegetativo"（私はいくつかのlorem ipsumを置いた）をクリックすると、何が間違っているかが分かるでしょう - >コンテンツは他のコンテンツの上に（フレーズ "Voltar ao resultado da pesquisa"

ウェブサイトは現時点ではポルトガル語でしか開発されていません。私はそれについて謝罪します。しかし、とにかくHTML/CSSマークアップを理解できると思います。すべてのあなたの助けを前もってありがとう。

編集：ところで、サイトは現時点ではFirefox用にのみ最適化されています。乾杯。

Answer 1

ソースに基づいて、GoogleリポジトリのjQuery、jQuery UI、ローカルjQueryの順に表示されます。 JQueryはWordPressに組み込まれているので、プラグインは枯渇しているかどうかを推測することなく、またロードされていなくても利用できます。正しい順序でロードされるように、javascriptを適切にenquingする必要があります。あなたは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の上depenantあるのadditonalスクリプトをロードするには、このようなものを使用します。

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