gpt4 book ai didi

javascript - 无法在 dom 元素中看到 append 文本

转载 作者:行者123 更新时间:2023-11-28 09:48:13 25 4
gpt4 key购买 nike

我尝试使用两者将一些数据 append 到 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>

屏幕截图

enter image description here

最佳答案

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

当我第一次运行您的代码时,我在 numberOfSlidesorders_arr 上遇到了未声明的变量错误。它错误的确切行是:

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

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

当我声明这两个变量的测试值时, append 代码工作正常。您在代码中的哪里声明上述变量?

关于javascript - 无法在 dom 元素中看到 append 文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11467084/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com