self содержит коллекцию элементов

[cyklop77]

помогите пожалуйста решить проблему

 

на страничке в переменной head скрипта helper/helper.js должно содержаться значение, зависящее от того какую из кнопок .menu_button кликнул пользователь

 

проблема в том, что в переменной head всегда содержится значение "обратный звонок3"

			$(document).ready(function() {				$('.menu_button').kalininModals();			});

(function($){	// ————————————————————————————————-- options ———-	$.fn.kalininModals = function(options) {						var options = $.extend({},options);				return this.each(function() {			//console.log('--' + $(this).text());			// —————————————————————————————— properties ———				var self = $(this),				selfModals = $('#modalOuter'),				selfModalsWindow = $('#modalWindow'),				head,				info,				actionsArr;								init();							// —————————————————————————————— methods ————					function init(){				//console.log('___' + self.text());								if(self.attr('id') == 'menuButton1'){					console.log(1);										head = 'Обратный звонок';				}				else if(self.attr('id') == 'menuButton2'){					console.log(2);										head = 'Обратный звонок2';				}				else if(self.attr('id') == 'menuButton3'){					console.log(3);										head = 'Обратный звонок3';				};			}						function makeBody(){				console.log('make');								$('#head .h2').text(head);			}						function modalsVisibility(visibility){				var	result;								if(visibility){						result = 'block';				}				else{					result = 'none';				};								selfModals.css({					'display': result				});								}									// —————————————————————————————— handlers ———--					function onClickControls(){				makeBody();								modalsVisibility(true);			}						function onClickActions(){				modalsVisibility(false);			}										// —————————————————————————————— events ————-				$('#menuButton1, #menuButton2, #menuButton3').on('click', onClickControls);							$('#buttonClose, #ButtonCancel').on('click', onClickActions);					});	};})($);

Edited October 21, 2014 by cyklop77

[cyklop77]

...перенесите пожалуйста в раздел javascript

[Vin]

Что за странная функция init()?

Она перебирает все id-шники без привязки к событиям, естественно, значение переменной head перезаписывается.

 

https://developer.mozilla.org/en-US/docs/Web/API/Event/Comparison_of_Event_Targets

http://api.jquery.com/event.target/

http://api.jquery.com/event.currentTarget/

http://api.jquery.com/event.relatedTarget/

От этого надо плясать.

 

$(this) же будет тождественен event.currentTarget только в функции, переданной вызову метода .on() или его вариантов (.click(), .load(), .delegate() и т.д.), а здесь он возвращает всю коллекцию элементов.

[cyklop77]

del

Edited October 21, 2014 by cyklop77