Ako nováčik v Javascripti nenájdemjazyk ľahký. Nasledujúci kód mizne medzi dvoma časťami. Počas slabnutia by som rád zmenil obsah každého div. Aj keď dokážem úspešne aktualizovať parametre CSS, nepodarilo sa mi aktualizovať obsah. Možno niekto pomôže:
<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>Ukázal som kompletnú stránku HTML vrátane všetkých Javascriptov; na to neexistuje žiadny iný kód. Akákoľvek pomoc v tejto veci by bola ocenená.
odpovede:
0 pre odpoveď č. 1$active.innerHTML = "New HTML Text"; // This Line is not working !!!!!!!!!!!
je Pretože $active je objekt jQuery, nie prvok DOM, na vyriešenie vášho problému použite:
$active[0].innerHTML = "New HTML Text";
alebo so samotným jQuery:
$active.html("New HTML Text");
0 pre odpoveď č. 2
použitie .html() namiesto innerHTML
$active.html("New HTML Text"); // This Line is not working