Като начинаещ в Javascript, не намирамезик лесно. Кодът по-долу избледнява между две дивизии. По време на избледняване, бих искал да променя съдържанието на всяко div. Докато мога да актуализирам успешно CSS параметрите, не успях да актуализирам съдържанието. Може би някой може да помогне:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<html>
<head>
<style type="text/css" media="screen, print">
#cycler {
position: relative;
}
#cycler div {
position: absolute;
z-index: 1;
background-color: white
}
#cycler div p {
font-size: 60px;
color: black;
margin: 0;
}
#cycler div.active {
z-index: 3
}
#cycler img {
display: block
}
</style>
<script type="text/javascript">
$(window).load(function() {
setInterval("divCycler()", 3000);
});
function divCycler(e) {
var $active = $("#cycler .active");
var $next = ($active.next().length > 0) ? $active.next() : $("#cycler div:first");
$next.css("z-index", 2);
$active.fadeOut(1500, function() {
$active.css("z-index", 1).show().removeClass("active");
$active.innerHTML = "New HTML Text"; // This Line is not working !!!!!!!!!!!
$active.css("background-color", "red");
$next.css("z-index", 3).addClass("active");
});
}
</script>
</head>
<body>
<div class="container">
<div id="cycler">
<div id="div1" class="active">
<p>Test Message 1</p>
</div>
<div id="div2">
<p>Test Message 2</p>
</div>
</div>
</div>
</body>
</html>Аз показах пълната HTML страница, включително всички Javascript; няма друг код за това. Всяка помощ по въпроса ще бъде оценена.
Отговори:
0 за отговор № 1$active.innerHTML = "New HTML Text"; // This Line is not working !!!!!!!!!!!
е защото $active е jQuery обект, а не DOM елемент, за да реши проблема ви с използването:
$active[0].innerHTML = "New HTML Text";
или, с самия jQuery:
$active.html("New HTML Text");
0 за отговор № 2
употреба .html() вместо innerHTML
$active.html("New HTML Text"); // This Line is not working