Jquery -> Document.Ready -> не срабатывает

0

Я запускаю Mac OS 10.6, Chrome 34 и jQuery 2.1.1. У меня есть этот простой код, взятый из TutsPlus'30 дней, чтобы узнать jQuery. Я утверждаю там ошибку в jQuery. Или... ты говоришь мне! ;)

Это не работает:

<html>
 <head>
  <title> Does not work </title>
  <script type="text/javascript" src="jquery-2.1.1.js"></script>  //script is in root
  <style>
   .emphasis{font-weight: bold;}
  </style>

  <script>
    $(document).ready(function()){$('li:first-child').addClass('emphasis');});
  </script>

 </head>
 <body>
  <ul>
   <li>Hello</li>
   <li>Hello 2</li>
   <li>Hello 3</li>
  </ul>
 </body>
</html>

Это работает:

<html>
 <head>
  <title> </title>
  <script type="text/javascript" src="jquery-2.1.1.js"></script>
  <style>
  .emphasis{font-weight: bold;}
  </style>


  </head>
 <body>

 <ul>
  <li>Hello</li>
  <li>Hello 2</li>
  <li>Hello 3</li>
 </ul>

  <script>
   $('li:first-child').addClass('emphasis');
  </script>

 </body>
</html>
  • 1
    синтаксическая ошибка $(document).ready(function () { $('li:first-child').addClass('emphasis'); }); - дополнительно ) в function())
  • 0
    Привет и спасибо за ответ. Могу ли я спросить вас, не могли бы вы порекомендовать редактор с проверкой синтаксиса?
Показать ещё 2 комментария
Теги:
document-ready

4 ответа

2

Попытайтесь удалить эту дополнительную скобку,

$(document).ready(function()){$('li:first-child').addClass('emphasis');});
//--------------------------^

действительный код:

$(document).ready(function() {
  $('li:first-child').addClass('emphasis');
});
  • 0
    Спасибо Раджа!
2

вы ошибочно закрываете функцию готовности документа сразу. вы закрыли еще одну закрытую брекеты, почему она не будет работать

$(document).ready(function() { 
             $('li:first-child').addClass('emphasis');
});
  • 0
    спасибо судхарсан!
1

Изменить ниже строки

<script>
    $(document).ready(function()){$('li:first-child').addClass('emphasis');});
</script>

к (как вы получили один дополнительный ) после function())

<script>
    $(document).ready(function(){
       $('li:first-child').addClass('emphasis');
    });
</script>
  • 0
    Спасибо, Бхушан!
0

Вы должны удалить эту закрытую скобку, которая была добавлена дополнительно.

$(document).ready(function(){
 $('li:first-child').addClass('emphasis');
});

Ещё вопросы

Сообщество Overcoder
Наверх
Меню