внешние функции js click не работают в Chrome / Safari

Question

внешние функции js click не работают в Chrome / Safari

0

Вот мой тег:

<head>
 <!-- link JS here -->
   <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
   <script type='text/javascript' src="../../template/js/jquery.flexslider.js"></script>
   <script type='text/javascript' src='../../template/js/preload.js'></script>
   <script type='text/javascript' src='../../template/js/responsive-turnkey.js'></script>
</head>

простой а? Таким образом, файл "responsive-turnkey.js" - это тот, который имеет все функции щелчка, которые должны запускаться после нажатия пользователем необходимых элементов DOM.

Вот файл "responsive-turnkey.js":

$(document).ready(function(){

alert("This alert works on page load");

$(".btn").click(function(){
alert("this alert works on .btn clicked");
});

});

Первое предупреждение работает при загрузке страницы, но когда я нажимаю на элемент с классом ".btn", функция щелчка не работает и предупреждение не звучит. ЭТО ТОЛЬКО РАБОТАЕТ В FIREFOX.

НЕ работает: хромированный или сафари

Что я сделал не так?

MlgMainstream 01 окт. 2013, в 20:50

Источник

2

Вы убедились, что у вас действительно есть коллекция элементов с классом "btn", готовая к моменту визуализации DOM? Попробуйте console.log ($ (". Btn")), чтобы увидеть, действительно ли у вас есть элементы.
Bryan Corey 01 окт. 2013, в 18:39
0

Что говорит хромированная консоль?
Sterling Archer 01 окт. 2013, в 18:40
0

Почему люди просто не используют это таким образом? $(".btn").on("click", function() { // blah });
melancia 01 окт. 2013, в 18:42
0

Да, я проверен. Консоль регистрирует элементы, находящиеся там. @MelanciaUK Я только что попробовал это, и это все еще не работало.
MlgMainstream 01 окт. 2013, в 18:50
0

Есть что-то еще, где-то еще, это, вероятно, портит это. Покажите больше вашего кода.
melancia 01 окт. 2013, в 18:55
0

@MelanciaUK, я только что понял, так как этот простой код не работал, нет смысла показывать весь мой код. Лучше всего начать с чего-то маленького и заставить его работать.
MlgMainstream 01 окт. 2013, в 18:58
0

Я положу свой HTML-код там, если вы хотите
MlgMainstream 01 окт. 2013, в 18:58
0

Это может быть что-то в других скриптах, загруженных до этого.
melancia 01 окт. 2013, в 19:03
0

Правда я их закомментирую ... дай мне секунду
MlgMainstream 01 окт. 2013, в 19:05
0

Таким образом, элемент является якорем ... Попробуйте следующим образом: $(".btn").on("click", function(e) { e.preventDefault; alert('blah'); });
melancia 01 окт. 2013, в 19:06
0

@MelanciaUK Хорошо, я прокомментировал все остальные сценарии. все, что на html-странице - это один внешний js-файл и кнопка. Когда я нажимаю на btn, функция щелчка все еще не работает.
MlgMainstream 01 окт. 2013, в 19:11
0

Но первое оповещение работает просто отлично .... это так раздражает.
MlgMainstream 01 окт. 2013, в 19:11
0

Проверьте мой ответ.
melancia 01 окт. 2013, в 19:12
0

@MelanciaUK Я уже пробовал так, посмотрите выше в фрагментах кода, которые я предоставил.
MlgMainstream 01 окт. 2013, в 19:13
0

Я отправил ответ с примером.
melancia 01 окт. 2013, в 19:14
0

"e.preventDefault ();" не имеет значения в этой ситуации.
MlgMainstream 01 окт. 2013, в 19:15
0

Нет, потому что, если вы удалите его, вещь перестает работать. И с этим все работает.
melancia 01 окт. 2013, в 19:15
0

Хорошо, моя проблема в том ... что файл работает только в FIREFOX. Но не работает в ХРОМЕ или САФАРИ. Ваш пример - это то, что я использую в файле EXTERNAL. Функция щелчка все еще НЕ срабатывает при нажатии.
MlgMainstream 01 окт. 2013, в 19:17
0

Я использую Chrome здесь. А также проверил в Internet Explorer 10. У меня не установлен Firefox.
melancia 01 окт. 2013, в 19:18
0

И JSfiddle тоже не имеет значения, потому что он не использует внешний файл ...
MlgMainstream 01 окт. 2013, в 19:18
0

Ладно. Я просто пытался помочь. Буду удалять ответ.
melancia 01 окт. 2013, в 19:19
0

Спасибо за попытку. Я поместил код js в тег <script> на странице, и он отлично работает. Это просто факт, что он внешний, и он не стреляет так, как должен ... но он работает в FF ...
MlgMainstream 01 окт. 2013, в 19:25
0

@BryanCorey Я нашел решение!
MlgMainstream 01 окт. 2013, в 19:46
1

Таким образом, в журналах консоли показывалось, что элемент загружается ... это потому, что он был в неправильном файле для тестирования ... Таким образом, на самом деле, элементы не были на странице, как заявили @BryanCorey. Мне пришлось добавить функцию $ .getScript (), чтобы вытащить скрипт после элементов, загруженных в функцию загрузки.
MlgMainstream 01 окт. 2013, в 19:48
0

Если вы нашли решение, укажите его в ответе и примите.
Justin Morgan 01 окт. 2013, в 20:23

Показать ещё 23 комментария

Теги:

javascript

jquery

html

function

google-chrome

1 ответ

Ещё вопросы

Вы убедились, что у вас действительно есть коллекция элементов с классом "btn", готовая к моменту визуализации DOM? Попробуйте console.log ($ (". Btn")), чтобы увидеть, действительно ли у вас есть элементы.
Что говорит хромированная консоль?
Почему люди просто не используют это таким образом? $(".btn").on("click", function() { // blah });
Да, я проверен. Консоль регистрирует элементы, находящиеся там. @MelanciaUK Я только что попробовал это, и это все еще не работало.
Есть что-то еще, где-то еще, это, вероятно, портит это. Покажите больше вашего кода.
@MelanciaUK, я только что понял, так как этот простой код не работал, нет смысла показывать весь мой код. Лучше всего начать с чего-то маленького и заставить его работать.
Я положу свой HTML-код там, если вы хотите
Это может быть что-то в других скриптах, загруженных до этого.
Правда я их закомментирую ... дай мне секунду
Таким образом, элемент является якорем ... Попробуйте следующим образом: $(".btn").on("click", function(e) { e.preventDefault; alert('blah'); });
@MelanciaUK Хорошо, я прокомментировал все остальные сценарии. все, что на html-странице - это один внешний js-файл и кнопка. Когда я нажимаю на btn, функция щелчка все еще не работает.
Но первое оповещение работает просто отлично .... это так раздражает.
@MelanciaUK Я уже пробовал так, посмотрите выше в фрагментах кода, которые я предоставил.
"e.preventDefault ();" не имеет значения в этой ситуации.
Нет, потому что, если вы удалите его, вещь перестает работать. И с этим все работает.
Хорошо, моя проблема в том ... что файл работает только в FIREFOX. Но не работает в ХРОМЕ или САФАРИ. Ваш пример - это то, что я использую в файле EXTERNAL. Функция щелчка все еще НЕ срабатывает при нажатии.
Я использую Chrome здесь. А также проверил в Internet Explorer 10. У меня не установлен Firefox.
И JSfiddle тоже не имеет значения, потому что он не использует внешний файл ...
Ладно. Я просто пытался помочь. Буду удалять ответ.
Спасибо за попытку. Я поместил код js в тег <script> на странице, и он отлично работает. Это просто факт, что он внешний, и он не стреляет так, как должен ... но он работает в FF ...
Таким образом, в журналах консоли показывалось, что элемент загружается ... это потому, что он был в неправильном файле для тестирования ... Таким образом, на самом деле, элементы не были на странице, как заявили @BryanCorey. Мне пришлось добавить функцию $ .getScript (), чтобы вытащить скрипт после элементов, загруженных в функцию загрузки.
Если вы нашли решение, укажите его в ответе и примите.

MlgMainstream · Answer 1 · 2013-10-01T16-58-00.000Z

$.getScript("../../template/js/responsive-turnkey.js", function(){
    alert("Script loaded and executed.");
    });

Я поместил это в свою функцию загрузки(), чтобы прочитать скрипт после успешной загрузки элементов.