2012-07-13 32 views
1

我嘗試使用這兩種不能看到在一個DOM元素附加文本

$("#slider-hide").append("some text"); 

甚至

document.getElementById("slider-hide").innerHTML += "some text"; 

一些數據追加到DOM元素,但文字是不可見的,直到我執行瀏覽器搜索它,一旦我執行搜索它永久可見... 這不是一個CSS問題

我已經在鉻和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> 

截屏

enter image description here

+0

你的HTML看起來如何。你可以做一個[小提琴](http://jsfiddle.net/) – 2012-07-13 08:49:22

+0

顯示HTML ..沒有animate()函數它工作嗎? – Samson 2012-07-13 08:50:07

+0

「slider-hide」的'id'頁面上有多少個元素? – ManseUK 2012-07-13 08:57:47

回答

0

工作代碼:http://jsfiddle.net/wPdWF

當我第一次遇到你的代碼,我在numberOfSlidesorders_arr讓未聲明的變量錯誤。確切的線是錯誤的是:

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

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

當我宣佈了這兩個變量的追加代碼工作正常的測試值。你在哪裏聲明你的代碼中的上述變量?