Искам да изчистя кода си малко и искам да стартирам кода си без никакво извикване на функция в html файла. Моят действителен код е:
HTML:
<head>
<script src="js/colorpick.js"></script>
<script>
$(document).ready(function() {
colorpick_start();
});
</script>
</head>
JS:
function colorpick_start() {
...
}
Но ако напиша например сигнал в първия ред на js без никакво извикване на функция, това работи.
alert("test");
function colorpick_start() {
...
}
Но това не работи за селектори на jquery или нещо подобно. Има ли някакво решение, за да ми jquery работи без код в HTML файл?
Искам моят html файл да изглежда така, ако е възможно:
<head>
<script src="js/colorpick.js"></script>
</head>
Отговори:
1 за отговор № 1За да се постигне това:
<head>
<script src="js/colorpick.js"></script>
</head>
Преместете извикването за готовност на документа в js файла, на който сте се позовали във вашия HTML файл и се уверете, че е налице извиканият метод.
$(document).ready(function() {
colorpick_start();
});
Това трябва да е така.
2 за отговор № 2
Най-
$(document).ready(function() {
Изчаква, докато DOM е готов за селектори и т.н.
Ако добавите
$(document).ready(function() {
към вашия файл colorpick.js ще изчака DOM да е готов и след това изпълни colorpick_start ().
И повярвайте ми, че това хваща повечето хора, когато започнат да използват JQuery.
1 за отговор № 3
Поставете скрипта си
<script src="js/colorpick.js"></script>
преди </body> маркер. Това ще гарантира, че страницата ви е заредена напълно, преди да стартира скрипта.
$(document).ready(function() {
colorpick_start();
});
този код работи, защото се обаждате нафункцията след зареждане на документа. натоварването на документа е събитие. можете да поставите функцията си на всяко събитие, което искате, но няма да стартирате, ако просто дефинирате функцията си. Трябва да се обадите по някакъв начин на вашата функция. пример ще бъде при кликване (или при зареждане на документ)
<div id="example"></div>
$("#example").on("click", function () {
your function here
});
0 за отговор № 4
Използвайте този код:
$(function(){
$(".colorpicker").val("colorpicker"); //or whatever you like
});