Я новичок в JQuery, но нахожу его действительно полезным. Я пытаюсь выделить элемент навигации для текущей страницы, на которой находится пользователь, используя JQuery. Я пробовал несколько методов, которые я нашел, которые похожи, но я не могу заставить что-либо работать совершенно правильно, и мне интересно, потому что я использую dropmenu.js, и это может вызывать некоторые проблемы.
Я создал класс CSS с именем .selected, который делает то, что мне нужно, при ручном применении к элементу навигации. Затем у меня есть следующий код JQuery:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript">
$('#nav-one li a').click(function() {
$(this).closest("li").addClass('selected').siblings().removeClass('selected');
return(false);
});
</script>
А мое меню выглядит так:
<ul id="nav-one" class="dropmenu css-only">
<li><a href="index.html">Home</a></li>
<li><a href="our_cupcakes.html">Our Cupcakes</a>
<ul>
<li><a href="birthday_cupcakes.html">Birthday Cupcakes</a></li>
<li><a href="new_baby_cupcakes.html">New Baby Cupcakes</a></li>
<li><a href="anniversary_cupcakes.html">Anniversary Cupcakes</a></li>
<li><a href="just_because_cupcakes.html">Just Because Cupcakes</a></li>
<li><a href="seasonal_cupcakes.html">Seasonal Cupcakes</a></li>
<li><a href="special_order_cupcakes.html">Special Order Cupcakes</a></li>
</ul>
</li>
<li><a href="flavours_and_colours.html">Flavours & Colours</a></li>
<li><a href="faqs.html">FAQs</a>
<ul>
<li><a href="faqs.html">General questions</a></li>
<li><a href="faqs.html#ingredients">Ingredients</a></li>
<li><a href="faqs.html#delivery">Delivery & Pick-up</a></li>
<li><a href="faqs.html#about">About us</a></li>
</ul>
</li>
</li>
<li><a href="order_cupcakes.php">Order Cupcakes</a> </li>
</ul>
Dropmenu.js работает с моим выпадающим меню, и для этого есть отдельный CSS, но я не вижу, чтобы это помешало мне применить класс .selected к элементу навигации с помощью JQuery, но я могу ошибаться.
Кто-нибудь может дать мне несколько советов о том, где я могу ошибаться, пожалуйста? В конечном итоге код появится на сайте домашней выпечки моей жены http://cupcakes.ladybirdbakery.co.uk.
Большое спасибо.
Муравей
$(document).ready(function(){...})
? - person Abraham   schedule 08.08.2012