2011-07-14 10 views
0

このページは、IE8 +、FF、Safariなどで必要に応じて動作します。IE7だけが問題を示します。なぜ誰が知っていますか?IE7でタブペインが初期化されないのはなぜですか? IE7のjQueryツールのタブの問題

Here is the problem page

まず、問題のページのコンテンツは、他のすべてのブラウザで罰金、ページロードのタブの下に表示されていないということです - IE7でそのコンテンツを表示させるために最初のタブの項目をクリックする必要があります。

第2に、上部のタブをクリックし、タブヘッダーの右側にあるヘルプボタンをクリックすると、ヘルプセクションが展開されます。他のすべてのブラウザでは、それが消費され、コンテンツは期待どおりに下にプッシュされます。 IE7ではそれが展開されますが、以下のコンテンツの残りは消えます。なぜこれが起こっているのですか?

さまざまなie7特定のCSSハックを試しましたが、それを理解できないので、私のjQueryに何か問題があるかどうか疑問に思っていますか?ここでは伸張部を制御する部分である:

// close helps 
$(".helpClose").click(function(){ 
$(".help").hide('slow'); 
$(".helpTrigger").removeClass('hover') 
}); 

// help Project 
$(".helpTrigger").click(function(){  
    if (location.hash == '#Project') { 
    $("#helpProject").slideToggle(); 
    return false; 
    } 
    if (location.hash == '#Rainfall') { 
    $("#helpRainfall").slideToggle(); 
    return false; 
    } 
    if (location.hash == '#Drainage') { 
    $("#helpDrainage").slideToggle(); 
    return false; 
    } 
    if (location.hash == '#Evaluate') { 
    $("#helpEvaluate").slideToggle(); 
    return false; 
    } 
    if (location.hash == '#Attenuation') { 
    $("#helpAttenuation").slideToggle(); 
    return false; 
    } 
}); 

(HTMLの下部に呼ばれている)私はすべてを制御するために使用しているフルjQueryのスクリプトはhere次のとおりです。

答えて

0

@First問題:すでに$(document).ready()を試しましたか? DOMが準備ができている場合、最初のコンテナの内容を表示するのに役立つはずです。

@Second問題:まず、$( "helpTrigger")の後にセミコロンを見アイブremoveClass( 'ホバー') つまりはjavascriptので非常に不寛容である...

+0

こんにちはYeppThat'sMe、 – benfrain

+0

こんにちは。 YeppThat'sMe、それらを試みたが役に立たなかった。また、loader.js全体(上記のコードは抜粋です)をjslintで実行しましたが、関連するものは表示されません。確かに、私はjslintの大部分が何をもたらすのか分かりませんが、主に実際の不正なコードではなく、間隔のある問題のようです。 – benfrain