Внешний Js файл не может запустить Jquery

Мой внешний файл (расслоение плотной example.js):Внешний Js файл не может запустить Jquery

alert("External js file has just been loaded !"); 

$("#start").click(function (e) { 
    alert("Starting !"); 
});

Мой HTML-файл имеет <script type="text/javascript" src="example.js"></script>. Когда я загружаю страницу, она оповещает "External js file has just been loaded !", что означает, что файл js успешно загружен.

Однако, когда я нажимаю кнопку «Пуск», он не предупреждает "Starting !".

Когда я вставить содержимое example.js файла в HTML файл, он может предупредить "Starting !":

<script> 
    alert("External js file has just been loaded !"); 

    $("#start").click(function (e) { 
     alert("Starting !"); 
    }); 
</script>

Как я могу исправить такую проблему с внешними JS файл?

источник

2015-11-21 Mr Cold

Загружаете файл example.js перед тем, как элемент #start существует на странице? Вы должны загрузить файл js в конце страницы или поместить обработчик кликов в готовый вызов документа. – j08691

@ j08691 Как загрузить js-файл в конце страницы? –

Переместить '' прямо перед ''. – j08691

Убедитесь, что вы привнесли свой jquery сценарий перед вашим example.js.

Для примера:

<script src="https://code.jquery.com/jquery-2.1.1.min.js"></script> 
<script type="text/javascript" src="example.js"></script>

и проверить вашу консоль, если вы получаете какие-либо ошибки.

источник

2015-11-21 17:00:08 Achu

Спасибо, сейчас работает –

Это происходит потому, что вы не записали событие click внутри функции document.ready. События должны быть записаны, когда DOM готов.

$(document).ready(function(){ 
    $("#start").click(function (e) { 
    alert("Starting !"); 
    }); 
});

Вы можете найти более подробную информацию здесь: https://learn.jquery.com/using-jquery-core/document-ready/

источник

2015-11-21 16:33:50 Hiral

Я просто попытался, но это не сработает. –

Почему downvote ??? – Hiral

Попробуйте загрузить "example.js" в .ready() используя $.getScript()

$(function() { 
    $.getScript("example.js") 
})

источник

2015-11-21 16:51:01 guest271314

Я просто попытался это и все, кажется, работает хорошо.

$(document).ready(function() { 
 

 
    $("#world-button").click(function() { 
 
    alert("Hello World"); 
 
    }); 
 

 
});

<!DOCTYPE HTML> 
 
<html> 
 
<head> 
 
    <meta charset="utf-8"> 
 
    <title>Demo</title> 
 
</head> 
 
<body> 
 
    <button id="world-button">Hello World</button> 
 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> 
 
</body> 
 
</html>

источник

2015-11-21 16:54:41 Berendschot

Обратите внимание, что я встроил JQuery-библиотеку непосредственно перед ''. – Berendschot

Внешний Js файл не может запустить Jquery

ответ

Смежные вопросы