Warum funktioniert einig jQuery-Code nur dann, wenn es am Ende meines html-Körperabschnittes ist?
-
11-09-2019 - |
Frage
Ich habe den folgenden Code Registerkarten für die Erstellung. Es funktioniert am Ende des HTML-Körperabschnittes, aber nicht, wenn ich es am Anfang stellen - vor allem des divs definiert. Warum könnte das sein?
<script type="text/javascript">
$("ul.tabs li.label").hide();
$("#tab-set > div").hide();
$("#tab-set > div").eq(0).show();
$("ul.tabs a").click(
function() {
$("ul.tabs a.selected").removeClass('selected');
$("#tab-set > div").hide();
$(""+$(this).attr("href")).show();
$(this).addClass('selected');
return false;
}
);
$("#toggle-label").click( function() {
$(".tabs li.label").toggle();
return false;
});
</script>
Lösung
müssen Sie es mit einem Dokument bereit Block wickeln. Dies verhindert, dass der Code Brennen, bis die Seite vollständig geladen ist.
<script type="text/javascript">
$(function() {
// do something on document ready
$("ul.tabs li.label").hide();
$("#tab-set > div").hide();
$("#tab-set > div").eq(0).show();
$("ul.tabs a").click(
function() {
$("ul.tabs a.selected").removeClass('selected');
$("#tab-set > div").hide();
$(""+$(this).attr("href")).show();
$(this).addClass('selected');
return false;
}
);
$("#toggle-label").click( function() {
$(".tabs li.label").toggle();
return false;
});
});
</script>
Andere Tipps
Es ist sehr wahrscheinlich, weil der DOM noch nicht fertig ist, und deshalb gibt es ihr nicht.
Daher müssen Sie Folgendes tun:
$(function() {
// Any code in here will only be executed when the DOM is ready.
});
jQuery(function($) {
// put your code in here and it will be executed
// when the document has fully loaded.
});
Lizenziert unter: CC-BY-SA mit Zuschreibung
Nicht verbunden mit StackOverflow