Chcę trochę wyczyścić kod i chcę uruchomić kod jquery bez wywołania funkcji w pliku HTML. Mój rzeczywisty kod to:
HTML:
<head>
<script src="js/colorpick.js"></script>
<script>
$(document).ready(function() {
colorpick_start();
});
</script>
</head>
JS:
function colorpick_start() {
...
}
Ale jeśli napiszę na przykład alert w pierwszym wierszu js bez wywołania funkcji, to zadziała.
alert("test");
function colorpick_start() {
...
}
Ale to nie działa na selektory jquery czy coś takiego. Czy jest jakieś rozwiązanie, aby moja jquery działała bez kodu w pliku HTML?
Chcę, aby mój plik HTML wyglądał tak, jeśli jest to możliwe:
<head>
<script src="js/colorpick.js"></script>
</head>
Odpowiedzi:
1 dla odpowiedzi № 1Aby to osiągnąć:
<head>
<script src="js/colorpick.js"></script>
</head>
Przenieś wywołanie gotowe do dokumentu do pliku js, do którego się odwołujesz w pliku HTML i upewnij się, że wywoływana metoda jest obecna.
$(document).ready(function() {
colorpick_start();
});
Tak powinno być.
2 dla odpowiedzi nr 2
The
$(document).ready(function() {
Czeka, aż DOM będzie gotowy na selektory itp.
Jeśli dodasz
$(document).ready(function() {
do pliku colorpick.js będzie czekać na gotowość DOM, a następnie wykona colorpick_start ().
I uwierz mi, że to łapie większość ludzi, kiedy zaczynają korzystać z JQuery.
1 dla odpowiedzi nr 3
Umieść swój skrypt
<script src="js/colorpick.js"></script>
przed </body> etykietka. Zapewni to pełne załadowanie strony przed rozpoczęciem skryptu.
$(document).ready(function() {
colorpick_start();
});
ten kod działa, ponieważ dzwonisz do swojegofunkcja po załadowaniu dokumentu. ładowanie dokumentu to zdarzenie. możesz umieścić swoją funkcję na dowolnym zdarzeniu, które chcesz, ale nie uruchomi się, jeśli tylko zdefiniujesz swoją funkcję. Musisz jakoś wywołać swoją funkcję. przykładem może być kliknięcie (lub załadowanie dokumentu)
<div id="example"></div>
$("#example").on("click", function () {
your function here
});
0 dla odpowiedzi nr 4
Użyj tego kodu:
$(function(){
$(".colorpicker").val("colorpicker"); //or whatever you like
});