Сообщения оповещения с внешней JS файл

Question

У меня есть внешний test.js файл с кодом:

$(document).ready(function() { 
    alert("I am an alert box2!"); 
}); 


function show_alert() 
{ 
    alert("hihi"); 
} 

В моей .html, я включил test.js, файл Jquery и есть кнопка. При нажатии на нее вызывается функция show_alert(), и она работает. Однако сообщение «Я - бокс-предупреждение2!» не запускается.
Кроме того, если я поместил функцию document.ready в свой .html с <script>... </script>. Оно работает. Что случилось с моим кодом? Внешний файл не поддерживается?

Answer 1

Один из следующих действий:

1. Вы включили test.js до того jquery.js в вашей голове.
2. У вас есть ошибка, которая останавливает ваш javascript до того, как он доберется до готовых функций.

Answer 2

Вы можете сохранить функцию testAlert в test.js. но document.ready должен быть между только тегом скрипта.

function testAlert(){ 
alert("I am an alert box2!"); 
} 

Выше функции могут быть в test.js.

$(document).ready(testAlert); должен быть в теге скрипта текущей страницы, чтобы проверить доступность DOM.

Acutally, Выше не является обязательным, но идеальный способ написать JQuery, потому что это помогает легко отлаживать :)

Answer 3

Это работает для меня,

Вот код:

function show_alert() 
{ 
    alert("hihi"); 
} 

$(document).ready(function() { 
    alert("I am an alert box2!"); 

    $('.button').click(function() { 
     show_alert(); 
    }); 
}); 

Put jQuery.min.js перед test.js в вашем HTML-коде.