Это не соответствует моим основным знаниям jQuery, но, надеюсь, кто-то может указать мне в правильном направлении.jQuery: Добавить класс на основе URL? Id =
мне нужно посмотреть на URL http://something.com/pagename?id=# (# представляет собой номер, начинающийся с 1)
Получите то число найти относящуюся «отн» номер на тег (или если то проще класс слайдер #) ,
Добавить класс «on» в тег также не забудьте удалить класс «on» из всех остальных (первый тег имеет класс по умолчанию).
<ul class="slider clearfix">
<li class="list">
<a class="change_trigger on slider1" href="javascript:void(0);" rel="1"><img src="files/images/some1.jpg" alt=""></a>
</li>
<li class="list">
<a class="change_trigger slider2" href="javascript:void(0);" rel="2"><img src="files/images/some2.jpg" alt=""></a>
</li>
<li class="list">
<a class="change_trigger slider3" href="javascript:void(0);" rel="3"><img src="files/images/some3.jpg" alt=""></a>
</li>
<li class="list">
<a class="change_trigger slider4" href="javascript:void(0);" rel="4"><img src="files/images/some4.jpg" alt=""></a>
</li>
</ul>
Пример:
URL
http://something.com/pagename?id=3
РЕЗУЛЬТАТ
<ul class="slider clearfix">
<li class="list">
<a class="change_trigger slider1" href="javascript:void(0);" rel="1"><img src="files/images/some1.jpg" alt=""></a>
</li>
<li class="list">
<a class="change_trigger slider2" href="javascript:void(0);" rel="2"><img src="files/images/some2.jpg" alt=""></a>
</li>
<li class="list">
<a class="change_trigger on slider3" href="javascript:void(0);" rel="3"><img src="files/images/some3.jpg" alt=""></a>
</li>
<li class="list">
<a class="change_trigger slider4" href="javascript:void(0);" rel="4"><img src="files/images/some4.jpg" alt=""></a>
</li>
</ul>
Поскольку это довольно техническая Я сделал немного поиска и нашел скрипт, который смотрит на строка URL после равенства, я не уверен, что это будет й подход.
function getQueryString() {
var result = {}, queryString = location.search.substring(1),
re = /([^&=]+)=([^&]*)/g, m;
while (m = re.exec(queryString)) {
result[decodeURIComponent(m[1])] = decodeURIComponent(m[2]);
}
return result;
}
window.addEventListener("load", function() {
//FIND THE RELATING REL NUMBER, ADD THE CLASS "ON", REMOVE "ON" FROM OTHERS
});
Благодаря
Отлично !, что бы вы ни делали, вам нужен рейз :) – webmonkey237
@ webmonkey237 lol: D –