Взять динамический attr при клике с jquery?

Question

[BadTiger]

В Jqury новичок (точнее "0"), понадобилось использовать событие click, но сразу попал на грабли, прошу помощи. Код :

$('img#btcolorname').click(function(){
			
			var code = $( this ).data('code'); // Этот атрибут прописан в html
			var razmer = $( this ).data('info'); // А этот создается динамически, другим скриптом
			
alert("Код" + code + "Размер" +razmer);
			
			}
		);

Проблема в том, что событие правильно срабатывает 1 раз.
data-info меняется с помощью другого скрипта, и при клике по 'img#btcolorname' выводится самое первое значение атрибута.

Answer 1

[Константин Величко]

Делайте через on()
jsfiddle.net/68EdU

Comments

[BadTiger]

К сожалению с on() тоже не работает(

[Константин Величко]

посмотрите фидл, там все работает

[BadTiger]

Такой код срабатывает 1 раз, а data('info'); меняется не один раз.

[BadTiger]

У меня еще выше код $("div.bt_var_prod").find($spans).css({'opacity':'1'}).attr('data-info', parametr); который срабатывает при клике

[Константин Величко]

в консоле какая ошибка?

[BadTiger]

никакой, просто показывает первое определенное значение info

[Константин Величко]

Вот меняется, все равно работает jsfiddle.net/Zoxon/pZT2H/1

Answer 2

[demimurych]

Вы явно запутались.
$(elem).attr('data-info', val);. это установка атрибута
прочитать этот атрибут можно вот так
$(elem).attr('data-info');

Это же
$( this ).data('code');
не получение значения атрибута, а получение данного из обьекта data для этого элемента
который устанавливается следующим образом $(elem).data("code", value);

Answer 3

[demimurych]

Покажите весь код.
Если судить по тому что описано в вопросе, то все должно работать как и ожидается.
Тем не менее вы говорите что у Вас не так. А значит ошибка у Вас в другом месте.

Answer 4

[BadTiger]

Весь код

jQuery(document).ready(function($){
        
		 
		 
		 $('p.form-row.form-row-wide').click(
		function(){
			
			parametr = $( this ).data('siza');
			var poisk = ("data-par")+parametr;
			
			$('#btmodelname').css({'opacity':'1'}); // Выбор модели

			
			var $spans = "["+poisk+" !=0]["+poisk+"]";
			var $spanss = "["+poisk+" =0]["+poisk+"]";
			$("div.bt_var_prod").find($spans).css({'opacity':'1'}).attr('data-info', parametr);
			$("div.bt_var_prod").find($spanss).css({'opacity':'0.1'}).attr('data-info', '');
			
			}
		);
		
		
		// Выбор цветов
		$('img#btcolorname').click(function(){
			
			var code = $( this ).data('code'); // Этот атрибут прописан в html
			var razmer = $( this ).data('info'); // А этот создается динамически, другим скриптом
			
alert("Код" + code + "Размер" +razmer);
			
			}
		);
		 
		 
		 
});

});

Answer 5

[Дмитрий Антонов]

Чтобы создать элемент тебе нужно привезать к нему значению .data('info','Значение'); а так ты не создаешь значения info а пытаешься с него что то вытащить.....

Answer 6

[BadTiger]

demimurych, Sadist07 Мне и нужно получить значение data-info. Для этого я использую var razmer = $( this ).data('info');
Но получаю его только 1 раз. Если потом сработает $('p.form-row.form-row-wide').click
То в переменной razmer остается значение из первого клика. Как будто переменная razmer не обновляется

Comments

[demimurych]

В вашем коде нет нигде установки data("info")
тем более его нет и в $('p.form-row.form-row-wide').click
каким образом и где оно устанавливается?

Answer 7

[Дмитрий Антонов]

$("div.bt_var_prod").find($spans).css({'opacity':'1'}).attr('data-info', parametr);

скорее всего тебе тут нужно не атрибут менять а дату.
тобишь как то так я думаю

$("div.bt_var_prod").find($spans).css({'opacity':'1'}).data('info', parametr);