2014-01-04 3 views
0

Я так много раз просматривал это, и я не могу понять, почему мой скрипт не работает НА ВСЕ. Любая помощь будет оценена ...Почему мой скрипт не работает?

Сценарий ....

</head> 

<script type="text/javascript"> 
    $(document).ready(function() { 
     $('li#profiles').addClass('active'); 
     $('#content').load('profiles'); 

     $('nav ul li a').click(function() { 
      $('.active').removeClass('active'); 
      $(this).parent().addClass('active'); 
      var link = $(this).parent().attr('id'); 
      $('#content').load(link); 
      return false; 
     }); // end click 
    }); // end ready 
</script> 

<body> 

в теле у меня есть это ....

<nav> 
    <ul> 
     <li id="profiles"><a href="profiles">Guest Profiles</a></li> 
     <li id="config"><a href="config">Configuration</a></li> 
    </ul> 
</nav> 

Я этот набор стилей, чтобы увидеть, если он работает ....

<style> 
    .active a {color : rgb(80,180,80);} 
</style> 

При загрузке моей страницы ссылка профиля является типичной синей. Я использую Chrome DevTools и не видят никаких изменений в DOM ..... Кроме того, когда я нажимаю на любой ссылке, то ссылку вместо .click .....

Спасибо вам

-John

+2

Включили ли вы библиотеку jquery? – Joren

+0

При выборе по идентификатору достаточно использовать идентификатор, попробуйте '$ ('# profiles')' вместо '$ ('li # profiles')' –

+0

Joren .... иногда очевидный ответ - правильный ответ! Думаю, после нескольких недель, пытаясь разобраться в laravel, я забыл основы javascript ... Спасибо. – user3159369

ответ

2

Возможно, вам просто нужно включить библиотеку jQuery. Код, который у вас есть, отлично работает. Просто добавьте это в свою голову.

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 

Этот fiddle подтверждает, что ваш код в порядке.

0

Похоже, вы просто забыли включить ваш источник jQuery.

+0

Похоже, тот же ответ дается несколько минут назад. – NewUser

+0

От кого-то, кроме человека, ответ которого был принят –

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