Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Переход по ссылке с якорем + активирация соответствующего таба. / 8 сообщений из 8, страница 1 из 1
01.10.2014, 15:15
    #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, 16:41
    #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, 18: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:44
    #38763853
brbrbr
brbrbr
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Переход по ссылке с якорем + активирация соответствующего таба.
А если так?
Код: javascript
1.
2.
3.
$("#filters li:not(.current)").click(function(){
  // необходимые действия при щелчке
})
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
01.10.2014, 19:00
    #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:14
    #38763882
Pavel777888
Pavel777888
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Переход по ссылке с якорем + активирация соответствующего таба.
brbrbrА если так?
Код: javascript
1.
2.
3.
$("#filters li:not(.current)").click(function(){
  // необходимые действия при щелчке
})



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


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