Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Вопрос по селектору jQuery / 6 сообщений из 6, страница 1 из 1
13.02.2018, 10:22
    #39600981
Alibek B
Alibek B
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Вопрос по селектору jQuery
Есть страница с примерно такой версткой:
Код: html
1.
2.
3.
4.
5.
<div class="photo-slider">
	<div class="photo-slider-wrap">
		<a class="photo-slider-active" href="#"></a>
		<a class="photo-slider-control left" href="#" role="button" data-slide="prev"></a>
		<a class="photo-slider-control right" href="#" role="button" data-slide="next"></a>


Указываю два обработчика в скрипте:
Код: javascript
1.
2.
3.
4.
5.
6.
$('.photo-slider .photo-slider-wrap a.photo-slider-active').on('click', function(event){
	event.preventDefault();
});
$('.photo-slider .photo-slider-wrap a.photo-slider-control').on('click', function(event){
	event.preventDefault();
});


На первом все нормально. Второй обработчик выполняется нормально, но по завершению получаю такую ошибку: Uncaught Error: Syntax error, unrecognized expression: #

Что именно неправильно?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
13.02.2018, 10:29
    #39600985
Alibek B
Alibek B
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Вопрос по селектору jQuery
Если на ссылках задать уникальный id, ошибка все равно остается.
В режиме отладки я вижу, что в this находится ссылка, по которой я кликнул.
При пошаговом исполнении код обработчика выполняется без ошибок, но когда он завершается, происходит описанная ранее ошибка в jquery.min.js.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
13.02.2018, 13:39
    #39601118
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Вопрос по селектору jQuery
Alibek B.Есть страница с примерно такой версткой:
Код: html
1.
2.
3.
4.
5.
<div class="photo-slider">
	<div class="photo-slider-wrap">
		<a class="photo-slider-active" href="#"></a>
		<a class="photo-slider-control left" href="#" role="button" data-slide="prev"></a>
		<a class="photo-slider-control right" href="#" role="button" data-slide="next"></a>


Указываю два обработчика в скрипте:
Код: javascript
1.
2.
3.
4.
5.
6.
$('.photo-slider .photo-slider-wrap a.photo-slider-active').on('click', function(event){
	event.preventDefault();
});
$('.photo-slider .photo-slider-wrap a.photo-slider-control').on('click', function(event){
	event.preventDefault();
});


На первом все нормально. Второй обработчик выполняется нормально, но по завершению получаю такую ошибку: Uncaught Error: Syntax error, unrecognized expression: #
Что именно неправильно?
Бивас, тест! (с)

Код: 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.
<!DOCTYPE html>
<html>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=windows-1251' />
<script src='https://code.jquery.com/jquery-latest.js'></script>
<!--
<script src="https://code.angularjs.org/1.3.9/angular.min.js"></script>
<script src="https://code.angularjs.org/1.3.9/angular-route.js"></script>
-->
<style type='text/css'>
</style>
<script type='text/javascript'>
$(function(){
	$('.photo-slider .photo-slider-wrap a.photo-slider-active').on('click', function(event){
		alert(1);
		event.preventDefault();
	});
	$('.photo-slider .photo-slider-wrap a.photo-slider-control').on('click', function(event){
		alert(2);
		event.preventDefault();
	});
});
</script>
</head>
<body>
<div class="photo-slider">
	<div class="photo-slider-wrap">
		<a class="photo-slider-active" href="#">active</a>
		<a class="photo-slider-control left" href="#" role="button" data-slide="prev">control 0</a>
		<a class="photo-slider-control right" href="#" role="button" data-slide="next">control 1</a>
	</div>
</div>
</body>
</html>


Нет никаких ошибок...
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
13.02.2018, 17:19
    #39601341
Alibek B
Alibek B
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Вопрос по селектору jQuery
Уж не знаю, с чем это связано, но наличие атрибута data-slide вызывает следующую ошибку по завершению обработчика:
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
jquery.min.js:2 Uncaught Error: Syntax error, unrecognized expression: #
    at Function.ga.error (jquery.min.js:2)
    at ga.tokenize (jquery.min.js:2)
    at ga.select (jquery.min.js:2)
    at Function.ga [as find] (jquery.min.js:2)
    at r.fn.init.find (jquery.min.js:2)
    at new r.fn.init (jquery.min.js:2)
    at r (jquery.min.js:2)
    at HTMLAnchorElement.e (bootstrap.min.js:6)
    at HTMLDocument.dispatch (jquery.min.js:3)
    at HTMLDocument.q.handle (jquery.min.js:3)
ga.error @ jquery.min.js:2
ga.tokenize @ jquery.min.js:2
ga.select @ jquery.min.js:2
ga @ jquery.min.js:2
find @ jquery.min.js:2
r.fn.init @ jquery.min.js:2
r @ jquery.min.js:2
e @ bootstrap.min.js:6
dispatch @ jquery.min.js:3
q.handle @ jquery.min.js:3
Если атрибут убрать, то все работает без ошибок.
Скорее всего data-slide обрабатывается где-нибудь в bootstrap.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
13.02.2018, 18:58
    #39601452
вадя
вадя
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Вопрос по селектору jQuery
Alibek B.,

вот с атрибутом data- надо быть внимательным , он не совсем правильно себя ведёт
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
13.02.2018, 18:59
    #39601453
вадя
вадя
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Вопрос по селектору jQuery
Alibek B.,
в jquery
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Вопрос по селектору jQuery / 6 сообщений из 6, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение
созд. / загр.: 155ms
Закрыть
start [/forum/topic.php?fid=22&mobile=1&tid=1444286]:
 0ms
get settings:
 10ms
get forum list:
 14ms
check forum access:
 4ms
check topic access:
 4ms
track hit:
 47ms
get topic data:
 12ms
get forum data:
 2ms
get page messages:
 46ms
get tp. blocked users:
 2ms
others: 14ms
total:  155ms
x
x
Закрыть


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