Нов съм в 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="/bgindex.html">Home</a></li>
<li><a href="/bgour_cupcakes.html">Our Cupcakes</a>
<ul>
<li><a href="/bgbirthday_cupcakes.html">Birthday Cupcakes</a></li>
<li><a href="/bgnew_baby_cupcakes.html">New Baby Cupcakes</a></li>
<li><a href="/bganniversary_cupcakes.html">Anniversary Cupcakes</a></li>
<li><a href="/bgjust_because_cupcakes.html">Just Because Cupcakes</a></li>
<li><a href="/bgseasonal_cupcakes.html">Seasonal Cupcakes</a></li>
<li><a href="/bgspecial_order_cupcakes.html">Special Order Cupcakes</a></li>
</ul>
</li>
<li><a href="/bgflavours_and_colours.html">Flavours & Colours</a></li>
<li><a href="/bgfaqs.html">FAQs</a>
<ul>
<li><a href="/bgfaqs.html">General questions</a></li>
<li><a href="/bgfaqs.html#ingredients">Ingredients</a></li>
<li><a href="/bgfaqs.html#delivery">Delivery & Pick-up</a></li>
<li><a href="/bgfaqs.html#about">About us</a></li>
</ul>
</li>
</li>
<li><a href="/bgorder_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