Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / JQuery не работает с несколькими ID / 6 сообщений из 6, страница 1 из 1
07.12.2013, 13:28
    #38492657
Student_jquery
Student_jquery
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
JQuery не работает с несколькими ID
Здравсвуйте, прошу прощения, но подскажите пожалуйста с кодом:

автор<html>
<script type="text/javascript" src=" http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {

$('#ankor').click(function() {
var getvalue = $('#ankor').attr('value');
// alert(getvalue);
$("#email").attr("value",getvalue);

});


});

</script>


</head>
<body>

<a href="#" id="ankor" value="11111">ankor1</a>
<a href="#" id="ankor" value="2222">ankor2</a>

<form action="">
<input type="text" id="email" value="test">
</form>


</body>
</html>


Почему не работает при клике на вторую ссылку "ankor2" ?
Куда копать, как исправить ?

Спасибо !
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
07.12.2013, 13:30
    #38492659
Ex_Soft
Ex_Soft
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
JQuery не работает с несколькими ID
ID априори д.б. уникален в пределах документа...
_________________
"Helo, word!" - 17 errors 56 warnings
Posted via ActualForum NNTP Server 1.5
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
07.12.2013, 13:33
    #38492662
Student_jquery
Student_jquery
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
JQuery не работает с несколькими ID
Ex_Soft,
а как тогда можно сделать, чтобы передавать value в функцию нажатой ссылки ?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
07.12.2013, 18:11
    #38492849
Student_jquery
Student_jquery
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
JQuery не работает с несколькими ID
Может кому пригодится:

автор $(".url").click(function () {

alert($(this).attr('value'));
$("#textfield2").attr("value", $(this).attr('value'));


});


<a href="#" class="url" value="sdfdsfsfsff">1</a>
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
07.12.2013, 18:41
    #38492861
nauseous
nauseous
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
JQuery не работает с несколькими ID
Student_jquery,

у элемента A нет атрибута value, это ошибка!
если у вас верстка на 5 , то лучше использовать пространство имен типа data-*
то есть как-то так:

Код: html
1.
<a href="#" class="url" data-url="example">example</a>


Код: javascript
1.
2.
3.
$('.url').on('click', function() {
	$('#selector').val($(this).attr('data-url'));
});
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
07.12.2013, 18:54
    #38492869
nauseous
nauseous
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
JQuery не работает с несколькими ID
типа такого
Код: 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.
<!DOCTYPE html>
<html lang="ru">
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">

		<title>Example</title>

		<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
		<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
		<!--[if lt IE 9]>
			<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
			<script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
		<![endif]-->
	</head>
	<body>
		<div>
			<a href="#" data-toggle="email" data-url="example-1@example.com">example-1</a> 
			<a href="#" data-toggle="email" data-url="example-2@example.com">example-2</a> 

			<form method="post">
				<input type="text" id="email"> 
			</form>
		</div>

		<!-- JQuery -->
		<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.2.min.js"></script>

		<!-- Custom JS -->
		<script type="text/javascript">
			(function($) {
				$(document).ready(function() {
					$('[data-toggle=email]').on('click', function() {
						$('#email').val($(this).attr('data-url'));
					});
				});
			})(jQuery);
		</script>
	</body>
</html>
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / JQuery не работает с несколькими ID / 6 сообщений из 6, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 451ms
Закрыть
start [/forum/topic.php?fid=22&mobile=1&tid=1447586]:
 0ms
get settings:
 6ms
get forum list:
 18ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 163ms
get topic data:
 10ms
get forum data:
 3ms
get page messages:
 38ms
get tp. blocked users:
 1ms
others: 206ms
total:  451ms
x
x
Закрыть


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