ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Переход по ссылке с якорем + активирация соответствующего таба.
8 сообщений из 8, страница 1 из 1
Переход по ссылке с якорем + активирация соответствующего таба.
    #38763418
Pavel777888
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Pavel777888
Гость
Получилось реализовать только с 2-ым блоком, чтобы перелистывать вкладки блока по метке: http://help-windows.net/test.html
С 1 блоком невыходит:((
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
61.
62.
63.
64.
65.
66.
67.
68.
69.
70.
71.
<!-- ========== КОД 2 БЛОКА (вышло) ========== -->
		<script>
(function($) {
$(function() {

	$('ul.tabs').on('click', 'li:not(.current)', function() {
		$(this).addClass('current').siblings().removeClass('current')
			.parents('div.section').find('div.box').eq($(this).index()).fadeIn(150).siblings('div.box').hide();
	})

	var tabIndex = window.location.hash.replace('#tab','')-1;
	if (tabIndex != -1) $('ul.tabs li').eq(tabIndex).click();

	$('a[href*=#tab]').click(function() {
		var tabIndex = $(this).attr('href').replace(/(.*)#tab/, '')-1;
		$('ul.tabs li').eq(tabIndex).click();
	});

})
})(jQuery)
		</script>
<a href="#tab1" onClick="document.location.href= '#metka4'">ПЕРЕХОД ПО 1 МЕТКЕ</a>
<a href="#tab2" onClick="document.location.href= '#metka5'">ПЕРЕХОД ПО 2 МЕТКЕ </a>
        <div id="tabbed-nav">
            <ul class="tabs">
                <li><a name="metka4">Удаленная компьютерная помощь</a></li>
                <li><a name="metka5">Установка Windows</a></li>
                <li><a>Установка антивируса, удаление вирусов</a></li>
                <li><a>Восстановление данных</a></li>
                <li><a>Сборка компьютеров</span></a></li>
				<li><a>Установка, настройка Wi-Fi</span></a></li>
            </ul>
        ....
<!-- ========== КОД 1 БЛОКА (невыходит) ========== -->
		<script>
(function($) {
$(function() {

	$('ul.option-set clearfix').on('click', 'li:not(.current)', function() {
		$(this).addClass('current').siblings().removeClass('current')
			.parents('div.tytevonebilo').find('div.box').eq($(this).index()).fadeIn(150).siblings('div.box').hide();
	})

	var tabIndex = window.location.hash.replace('#taboo','')-1;
	if (tabIndex != -1) $('ul.option-set clearfix li').eq(tabIndex).click();

	$('a[href*=#taboo]').click(function() {
		var tabIndex = $(this).attr('href').replace(/(.*)#taboo/, '')-1;
		$('ul.option-set clearfix li').eq(tabIndex).click();
	});

})
})(jQuery)
		</script>
<a href="#taboo1" onClick="document.location.href= '#metka1'">ПЕРЕХОД ПО 1 МЕТКЕ</a>
<a href="#taboo2" onClick="document.location.href= '#metka2'">ПЕРЕХОД ПО 2 МЕТКЕ </a>
                                <div class="tytevonebilo">
                                <section id="options" class="clearfix">
                                    <ul id="filters" class="option-set clearfix" data-option-key="filter">
	<li><a href="#filter" data-option-value=".vse" class="selected boxShadow4 b1">Информация о компании и предоставляемых услугах</a></li>
	<li><a href="#filter" data-option-value=".virus" class="boxShadow4 b25" name="metka1">Установка антивируса, 
удаление вирусов</a></li>
	<li><a href="#filter" data-option-value=".windows" class="boxShadow4 b25 b10">Установка Windows</a></li>
	<li><a href="#filter" data-option-value=".design" class="boxShadow4 b25" name="metka2">Удаленная (онлайн) 
компьютерная помощь</a></li>
	<li><a href="#filter" data-option-value=".usl3" class="boxShadow4 b25">Установка, настройка Wi-Fi</a></li>
	<li><a href="#filter" data-option-value=".art" class="boxShadow4 b25">Сборка компьютеров</a></li>
	<li><a href="#filter" data-option-value=".vostan" class="boxShadow4 b25">Восстановление данных</a></li>
                                    </ul>
                                </section>
								</div>
...
Рейтинг: 0 / 0
01.10.2014, 15:15
| Ответить | Цитировать | Написать  
Переход по ссылке с якорем + активирация соответствующего таба.
    #38763625
brbrbr
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
brbrbr
Участник
Pavel777888
Код: html
1.
<ul id="filters" class="option-set clearfix" data-option-key="filter">

В данном случае элемент ul имеет два класса: option-set и clearfix - элемент можно выбрать по любому из них. Или по id, что предпочтительнее.

Ты же выбираешь ерунду какую-то:
Pavel777888
Код: javascript
1.
$('ul.option-set clearfix')

Это выбор элементов clearfix, содержащихся внутри ul с классом option-set. Внутри ul с классом option-set у тебя есть только элементы li и a. Соответственно, таких элементов не найдено - скрипт не работает.

Замени это на
Код: javascript
1.
$("#filters")
...
Рейтинг: 0 / 0
01.10.2014, 16:41
| Ответить | Цитировать | Написать  
Переход по ссылке с якорем + активирация соответствующего таба.
    #38763846
Pavel777888
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Pavel777888
Гость
[quot brbrbr]Pavel777888
Код: html
1.
2.
3.
Замени это на
[src JS]
$("#filters")


Пробовал:
1) $("#filters")
2) $('#filters') в связке $('#filters li')
3) $('#filters') в связке $('#filters')
4) $('ul#filters') в связке $('ul#filters li')
Неработает.


Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
		<script>
(function($) {
$(function() {

	$('ul#filters').on('click', 'li:not(.current)', function() {
		$(this).addClass('current').siblings().removeClass('current')
			.parents('div.section').find('div.box').eq($(this).index()).fadeIn(150).siblings('div.box').hide();
	})

	var tabIndex = window.location.hash.replace('#taboo','')-1;
	if (tabIndex != -1) $('ul#filters li').eq(tabIndex).click();

	$('a[href*=#taboo]').click(function() {
		var tabIndex = $(this).attr('href').replace(/(.*)#taboo/, '')-1;
		$('ul#filters li').eq(tabIndex).click();
	});

})
})(jQuery)
		</script>
...
Рейтинг: 0 / 0
01.10.2014, 18:41
| Ответить | Цитировать | Написать  
Переход по ссылке с якорем + активирация соответствующего таба.
    #38763853
brbrbr
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
brbrbr
Участник
А если так?
Код: javascript
1.
2.
3.
$("#filters li:not(.current)").click(function(){
  // необходимые действия при щелчке
})
...
Рейтинг: 0 / 0
01.10.2014, 18:44
| Ответить | Цитировать | Написать  
Переход по ссылке с якорем + активирация соответствующего таба.
    #38763869
Pavel777888
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Pavel777888
Гость
brbrbr,

Провал:(
Может ему <section>мешает выстрелить по табу

Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
		<script>
(function($) {
$(function() {

	$("#filters li:not(.current)").click(function(){
		$(this).addClass('current').siblings().removeClass('current')
			.parents('div.section').find('div.box').eq($(this).index()).fadeIn(150).siblings('div.box').hide();
	})

	var tabIndex = window.location.hash.replace('#taboo','')-1;
	if (tabIndex != -1) $("#filters li").eq(tabIndex).click();

	$('a[href*=#taboo]').click(function() {
		var tabIndex = $(this).attr('href').replace(/(.*)#taboo/, '')-1;
		$("#filters li").eq(tabIndex).click();
	});

})
})(jQuery)
		</script>
...
Рейтинг: 0 / 0
01.10.2014, 19:00
| Ответить | Цитировать | Написать  
Переход по ссылке с якорем + активирация соответствующего таба.
    #38763882
Pavel777888
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Pavel777888
Гость
brbrbrА если так?
Код: javascript
1.
2.
3.
$("#filters li:not(.current)").click(function(){
  // необходимые действия при щелчке
})



может не кликать нужно па табу а по ссылке перейти внутри которая <li><a href="#filter"
...
Рейтинг: 0 / 0
01.10.2014, 19:14
| Ответить | Цитировать | Написать  
Переход по ссылке с якорем + активирация соответствующего таба.
    #38763976
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
вадя
Участник
ознакомся http://learn.javascript.ru/bubbling-and-capturing
...
Рейтинг: 0 / 0
01.10.2014, 20:47
| Ответить | Цитировать | Написать  
Переход по ссылке с якорем + активирация соответствующего таба.
    #38764023
Pavel777888
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Pavel777888
Гость
Почитал http://learn.javascript.ru/bubbling-and-capturing . Но вопрос остался не решенным:(
...
Рейтинг: 0 / 0
01.10.2014, 21:36
| Ответить | Цитировать | Написать  
8 сообщений из 8, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Переход по ссылке с якорем + активирация соответствующего таба.
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&msg=38763418&tid=1446670]:
 0ms
get settings:
 9ms
get forum list:
 14ms
check forum access:
 4ms
check topic access:
 4ms
track hit:
 86ms
get topic data:
 11ms
get forum data:
 3ms
get page messages:
 49ms
get tp. blocked users:
 1ms
others: 253ms
total:  434ms
созд. / загр.: 434ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]