0

displaycssプロパティを使用して div を表示しようとしています。

との内容は#divbar、#divlineAJAX を使用して動的に設定されます。

このコードは Firefox と Chrome で完全に機能しますが、IE 8 では、トグルボタンが完全に機能するに#divbarもかかわらず、コンテンツを表示できません。

HTML :

<div id="divline" style="float:left;">
    <div id="jqChart2" class="charts"></div>
</div>

<div id="divbar" style="float:left">
    <div id="jqChartb2" class="charts"></div>
</div>

jQuery :

$("#toggle_button1").click(function(){
    $("#toggle_button1").css({'display':'none'});
    $("#toggle_button2").css({'display':'block'});
    $("#divline").css({'display':'block'});
    $("#divbar").css({'display':'none'});
});

$("#toggle_button2").click(function(){
    $("#toggle_button2").css({'display':'none'});
    $("#toggle_button1").css({'display':'block'});
    $("#divline").css({'display':'none'});
    $("#divbar").css({'display':'block'});
});

CSS :

#toggle_button1{
    display:block;
    width:100px;
}
#toggle_button2{
    display:none;
    width:100px;
}
#divline{
    display:block;
}
#divbar{
    display:none;
}

助言がありますか？

4

2 に答える 2

0

次のコードで考えます：

<div id="divbar" style="float:left">
<div id="jqChartb2" class="charts" >      </div>
</div>

問題は関連しています

<div id="jqChartb2" class="charts" >      </div>

代わりに別のコンテンツをお試しください。例:

<div id="divbar" style="float:left">
Test
</div>
于 2013-03-30T10:11:21.880 に答える
0

IE8 で JavaScript が有効になっていることを確認しますか??

あなたのie8ブラウザで以下の方法を試してください

Click ‘Tools’ on the menu bar’
Select ‘Internet Options’
Click the ‘Security’ tab
Click the ‘Custom Level’ button
Scroll to the ‘Scripting’ section 
Select ‘Enable’ to enable whichever JavaScript activities you want to work.
于 2013-03-30T12:59:43.590 に答える