1

両方を使用して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>

スクリーンショット

ここに画像の説明を入力

4

1 に答える 1

0

作業コード: http://jsfiddle.net/wPdWF

コードを最初に実行したとき、宣言されていない変数エラーが発生しnumberOfSlidesていましorders_arrた。エラーが発生する正確な行は次のとおりです。

$("#energy_tag").html(orders_arr[currentPosition]);

$("#graph-div").animate({
        height: ht * numberOfSlides
}, "slow");

これら 2 つの変数のテスト値を宣言したとき、追加コードは正常に機能していました。上記の変数をコードのどこで宣言しますか?

于 2012-07-13T09:18:05.867 に答える