Я рассматривал это так много раз, и я не могу понять, почему мой скрипт не работает ВСЕ. Любая помощь будет оценена...
Сценарий....
</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
Вероятно, вам просто нужно включить библиотеку jQuery. Код, который у вас есть, отлично работает. Просто добавьте это в свою голову.
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
Эта сценария доказывает, что ваш код в порядке.
Похоже, вы просто забыли включить свой источник jQuery.
$('#profiles')
вместо$('li#profiles')