Функции Javascript не работают

Я относительно новичок в jQuery, поэтому просто пытаюсь выполнить некоторые основные команды. Однако я ничего не пытаюсь работать. Например, я пытаюсь скрыть элемент. У меня есть папка (JS), содержащий main.js файла JavaScript, поэтому я уверен, что моя структура файла правильноФункции Javascript не работают

<head> 
    <script src="js/main.js"></script>   
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>  
</head> 
<body> 
     <div id="audio-buttons"> 
      <button id="prev"></button> 
      <button id="play"></button> 
      <button id="pause"></button> 
      <button id="stop"></button> 
      <button id="next"></button> 
     </div> 

</body>

В моем main.js файл У меня есть следующие

var audio; 

$('#pause').hide();

источник

2015-11-09 mccavandish

добавьте часть html к вопросу о том, где вы включаете файл javascript и функцию, которую вы ожидаете выполнить. – Vivek

Дайте более подробную информацию ... – Turcia

Из того, что я вижу, вы html-файл только, который определенно не является полным. Пожалуйста, напишите полный код – sinanspd

Загрузите JQuery перед использованием:

<head> 
     <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
    <script src="js/main.js"></script>   
</head>

Функция должна вызываться после загрузки документа:

var audio; 
$(document).ready(function() { 
    $('#pause').hide(); 
}

источник

2015-11-09 22:03:10 Vivek

вы также должны загрузить jquery перед запуском любого кода jquery. – Brino

Почему это downvoted? – victor

Интересно, почему тоже – Vivek

Подкатегории ваших <script> тегов. main.js должен быть загружен после загрузкиjQuery, иначе он не будет работать.

источник

2015-11-09 22:03:58 Paul

, вы также должны дождаться загрузки документа перед вызовом функции. – Brino

Да, я уже собирался добавить это и увидел тонну людей с более полными ответами. – Paul

Спасибо за помощь джентльменам. проблема решена и помогла мне разобраться – mccavandish

Вы должны вызвать функцию jquery после загрузки jquery. Вы должны поместить его либо в обработчик событий, либо в функцию .ready.

<head> 
 
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
    <script> 
 
    $().ready(function() { 
 
     $('#pause').hide(); 
 
    }); 
 
    </script> 
 
</head> 
 

 
<body> 
 
    <div id="audio-buttons"> 
 
    <button id="prev">Prev</button> 
 
    <button id="play">Play</button> 
 
    <button id="pause">Pause</button> 
 
    <button id="stop">Stop</button> 
 
    <button id="next">Next</button> 
 
    </div> 
 
</body>

источник

2015-11-09 22:04:09 Brino

изменения от этого:

<head> 
    <script src="js/main.js"></script>   
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>  
</head> 
<body> 
     <div id="audio-buttons"> 
      <button id="prev"></button> 
      <button id="play"></button> 
      <button id="pause"></button> 
      <button id="stop"></button> 
      <button id="next"></button> 
     </div> 

</body>

к этому:

<head>  
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
     <script src="js/main.js"></script> 
</head> 
<body> 
     <div id="audio-buttons"> 
      <button id="prev"></button> 
      <button id="play"></button> 
      <button id="pause"></button> 
      <button id="stop"></button> 
      <button id="next"></button> 
     </div> 

</body>

и использовать внутри main.js:

var audio; 
$(document).ready(function() { 
    $('#pause').hide(); 
});

или

var audio; 
jQuery(document).ready(function() { 
    jQuery('#pause').hide(); 
});

обновленный ответ, как есть отсутствует ) в конце и узнать больше о JQuery на своем сайте:

https://learn.jquery.com/

источник

2015-11-09 22:04:10

lol почему проголосовали? –

lol снова? почему проголосовали? –

Ваш файл JS загружается и выполняется, как как только он будет готов, что означает, что он может работать до того, как ваш DOM будет готов.

Чтобы исправить это, у вас есть несколько вариантов. Во-первых, вы можете обернуть все в «готовую» функцию, как предложил Арагорн в своем ответе, или вы можете отложить загрузку вашего файла (рекомендуется в этом случае).

Итак, попробуйте переместить <script src="js/main.js"></script> после </body> и снова запустите свой код.

Есть еще одна вещь: некоторые компоненты jQuery чувствительны к порядку. При этом вы всегда должны сначала загружать jQuery, а затем использовать его, а не наоборот. Это может быть причиной вашей проблемы, поскольку браузер может пытаться запустить $('#pause').hide(); до того, как $ даже определен jQuery.

источник

2015-11-09 22:07:00 victor

Ухаживать за нижним нитом? Потребовалось полтора секунда, чтобы опросить мой ответ, и это точно. – victor

Я поддержал вас, ваш ответ был хорошим, и вместо того, чтобы просто предоставить исправленный код, вы также дали объяснение. Похоже, что кто-то оставил все ответы, кроме своих. – Brino

Вы забыли проверить, если страница уже загружена полная:

var audio; 
$(document).ready(function() { 
    $('#pause').hide(); 
});

Пожалуйста, обратите внимание, чтобы изменить вид загрузки:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>  
<script src="js/main.js"></script>

Рад помочь вам!

источник

2015-11-09 22:07:13

Функции Javascript не работают

ответ

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