Показать сообщение отдельно
  #1 (permalink)  
Старый 01.09.2011, 19:12
Аватар для SouthTracer
Новичок на форуме
Отправить личное сообщение для SouthTracer Посмотреть профиль Найти все сообщения от SouthTracer
 
Регистрация: 01.09.2011
Сообщений: 2

jQuery tooltip проблема
Сразу предупреждаю что я самоучка, и с профессиональной точки зрения полный чайник, так что всю критику, и мои недочеты говорите сразу. Здравая критика залог того что в следующий раз я буду умней.

Нужен был tooltip для сайта, начал искать подходящий, не нашел, у всех которые попадались, находил всякие недочеты которые для моего случая были не допустими, и решил написать свой плагин. Так как плагин нужен был для одноразовой и вполне ясной цели, то я сильно не мудрил. Вот что получилось:

(function($) {
$.fn.tooltip = function(options){
	$('body').append('<div class="tooltip"></div>');
	var options = jQuery.extend({
		title: '',
		top: 0,
		left: 0
	},options);
	return this.each(function() {
			$(this).mouseover(function(){
				options.top = $(this).offset().top - 25;
				options.left = $(this).offset().left - $(this).width()/2;
					options.title = $(this).attr('title');
					$('.tooltip').text(options.title)
					.css('display', 'block')
					.css('top', options.top)
					.css('left', options.left);
					$(this).attr('title', '');
			});
			$(this).mouseout(function(){
				$(this).attr('title', options.title);
				$('.tooltip').css('display', 'none');
			});
			
	});
	
};
})(jQuery)


А вот и html:

<div class="min_images">
    <a href="#" class="active" title="idsfisdio">
        <img src="images/min_img_1.jpg" alt="" />
    </a>
    <a href="#" title="idsfisdio">
        <img src="images/min_img_2.jpg" alt="" />
    </a>
    ...
    <a href="#" title="idsfisdio">
        <img src="images/min_img_7.jpg" alt="" />
    </a>
</div>


В общем проблема вот в чем, есть еще один скриптик который присваивает класс active:

<script type="text/javascript">
	$(function(){
		$(".min_images a").click(function(){
			$(".min_images a").removeClass('active');
			$(this).addClass('active')
		})
	}) 
</script>


Вот из за него вся и беда, плагин инициализируемый в самом начале после загрузки документа не воспринимает изменения класса у элементов, очень надеюсь на вашу помощь, ибо как я уже сказал я чайник, и не совсем понимаю как это обойти. Знаю что нужно коим то образом нужно перезагружать плагин, но как это реализовать...

ЗЫ: очень надеюсь что не ошибся темой, если что извеняйте не нарошно.

Последний раз редактировалось SouthTracer, 01.09.2011 в 19:14.
Ответить с цитированием