両方を使用してdom要素にデータを追加しようとしています
$("#slider-hide").append("some text");
そしてさえ
document.getElementById("slider-hide").innerHTML += "some text";
しかし、ブラウザで検索を実行するまでテキストは表示されず、検索を実行すると永続的に表示されます... CSSの問題ではありません
Chrome と Safari の両方でテストしましたが、同じ問題が発生します。
ここに完全な機能があります
$("#expand").click(
function()
{
$("#right_arrow").hide();
$("#left_arrow").hide();
var ht = document.getElementById('graph-div').offsetHeight;
$("#graph-div").animate({height:ht*numberOfSlides},"slow");
currentPosition = 0;
$("#energy_tag").html(orders_arr[currentPosition]);
$(".highcharts-legend").hide();
var item1 = $("#business-chart").html();
$("#slider-hide").append("fasfdsafdsafdsafdsfdsafdsafdsafdsafds");
document.getElementById("slider-hide").innerHTML += "some text";
}
);
編集: これが関係するhtml divです
<div class="content_boundary" style="background-color:#e3e3e3" >
<h2 style="text-align:center;font-size:20px;" id="energy_tag" class="tab_first_col">Energy</h2>
<div style="position:relative;" id="graph-div">
<a href="#" class="control" id="left_arrow">
<img src="stylesheets/images/arrow_side_normal_left.png" style="position:absolute;top:100px;left:10px;"></img>
</a>
<div class="slider-hide" id="slider-hide">
<div id="business-chart" class="orders-by-busines"> </div>
<div id="business-chart1" class="orders-by-busines"> </div>
<div id="business-chart2" class="orders-by-busines"> </div>
<div id="business-chart3" class="orders-by-busines"> </div>
<div id="business-chart4" class="orders-by-busines"> </div>
<div id="business-chart5" class="orders-by-busines"> </div>
</div>
<div class="clear"></div>
<a href="#" class="control" id="right_arrow">
<img src="stylesheets/images/arrow_side_normal_right.png" style="position:absolute;right:10px;top:100px;" ></img>
</a>
</div>
スクリーンショット