ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / jquery-плагин "tooltip" не работает с новой версией jquery
18 сообщений из 18, страница 1 из 1
jquery-плагин "tooltip" не работает с новой версией jquery
    #38502854
Cyrax_02
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Cyrax_02
Участник
Есть jquery-плагин tooltip:
автор/*
* jQuery Tooltip plugin 1.3
*
* http://bassistance.de/jquery-plugins/jquery-plugin-tooltip/
* http://docs.jquery.com/Plugins/Tooltip
*
* Copyright (c) 2006 - 2008 Jorn Zaefferer
*
* $Id: jquery.tooltip.js 5741 2008-06-21 15:22:16Z joern.zaefferer $
*
* Dual licensed under the MIT and GPL licenses:
* http://www.opensource.org/licenses/mit-license.php
* http://www.gnu.org/licenses/gpl.html
*/
Подключаю его так:
Код: javascript
1.
2.
3.
4.
5.
<script type="text/javascript" charset="utf-8">
    $(document).ready(function() {
        $('#trl').tooltip({track: true, delay: 2000, showURL: false, fade: 200});
    });    
</script>


C jquery 1.6.2 он работает нормально.

Но после обновления jquery на версию 1.10.2 плагин tooltip работать перестал - на строке
Код: javascript
1.
$('#trl').tooltip({track: true, delay: 2000, showURL: false, fade: 200});

получаем ошибку:
TypeError: $(...).tooltip is not a function

Т.е. с новой версией jquery он не работает. Вернее функция tooltip не инициализируется.

Подобная проблема обсуждалась здесь:
http://stackoverflow.com/questions/12343714/typeerror-is-not-a-function-when-calling-jquery-function
http://joomlacode.org/gf/project/joomla/tracker/?action=TrackerItemEdit&tracker_item_id=32543
http://stackoverflow.com/questions/7604980/trying-to-use-jquery-tooltip-plugin-object-has-no-method-tooltip
http://stackoverflow.com/questions/11715520/rails-3-2-bootstrap-tooltip-reports-tooltip-is-not-a-function
Всё, что в этих темах предлагалось, попробовал - не помогает.


====================================================================
Проверил работоспособность другого jquery-плагина - flexslider:
автор/*
* jQuery FlexSlider v2.1
* http://www.woothemes.com/flexslider/
*
* Copyright 2012 WooThemes
* Free to use under the GPLv2 license.
* http://www.gnu.org/licenses/gpl-2.0.html
*
* Contributing author: Tyler Smith (@mbmufffin)
*/

Этот плагин с новой версией jquery работает нормально.

Далее сравнил объявления функций в обоих плагинах.

В исходниках плагина flexslider функция "flexslider" объявляется так:
Код: javascript
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
;(function ($) {

  //FlexSlider: Object Instance
  $.flexslider = function(el, options) {
    var slider = $(el),
        vars = $.extend({}, $.flexslider.defaults, options),
        namespace = vars.namespace,
        touch = ("ontouchstart" in window) || window.DocumentTouch && document instanceof DocumentTouch,
        eventType = (touch) ? "touchend" : "click",
        vertical = vars.direction === "vertical",
        reverse = vars.reverse,
        carousel = (vars.itemWidth > 0),
        fade = vars.animation === "fade",
        asNav = vars.asNavFor !== "",
        methods = {};

    // Store a reference to the slider object
    $.data(el, "flexslider", slider);

    // Privat slider methods
    methods = {
...



А в исходниках плагина tooltip функция "tooltip" объявляется так:
Код: javascript
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.
;(function($) {
	
		// the tooltip element
	var helper = {},
		// the current tooltipped element
		current,
		// the title of the current element, used for restoring
		title,
		// timeout id for delayed tooltips
		tID,
		// IE 5.5 or 6
		IE = $.browser.msie && /MSIE\s(5\.5|6\.)/.test(navigator.userAgent),
		// flag for mouse tracking
		track = false;
	
	$.tooltip = {
		blocked: false,
		defaults: {
			delay: 200,
			fade: false,
			showURL: true,
			extraClass: "",
			top: -50,
			left: -87,
			id: "tooltip"
		},
		block: function() {
			$.tooltip.blocked = !$.tooltip.blocked;
		}
	};


Здесь уже "tooltip" вроде и не функция (с javascript пока не очень дружу)...

Можно ли по предоставленной информации сказать, почему не объявляется функция "tooltip" ?
Подключаю библиотеки в header'е в следующей последовательности:
- сначала библиотеку jquery
- далее плагин tooltip
Больше ничего не подключаю (т.е. конфликтов с другими библиотеками нет).

Прикладываю библиотеку jquery-1.10.2 и плагины tooltip и flexslider:
...
Рейтинг: 0 / 0
16.12.2013, 23:17
| Ответить | Цитировать | Написать  
jquery-плагин "tooltip" не работает с новой версией jquery
    #38502857
Cyrax_02
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Cyrax_02
Участник
...
Рейтинг: 0 / 0
16.12.2013, 23:18
| Ответить | Цитировать | Написать  
jquery-плагин "tooltip" не работает с новой версией jquery
    #38502864
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ShSerge
Участник
Cyrax_02,

И как Вы думаете, многие ли скачают?
Вы бы написали что Вам нужно. И малюсенький примерчик, который не надо скачивать. Самые классные тултипы здесь .
...
Рейтинг: 0 / 0
16.12.2013, 23:25
| Ответить | Цитировать | Написать  
jquery-плагин "tooltip" не работает с новой версией jquery
    #38502933
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Antonariy
Участник
авторjquery-плагин "tooltip" не работает с новой версией jqueryэто для него нормально. jquery такое jquery.

а этот тултип довольно беспонтовый, я бы без сожалений от него отказался. почему у меня должна болеть голова о позиционировании?
...
Рейтинг: 0 / 0
17.12.2013, 00:40
| Ответить | Цитировать | Написать  
jquery-плагин "tooltip" не работает с новой версией jquery
    #38503229
Cyrax_02
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Cyrax_02
Участник
авторИ как Вы думаете, многие ли скачают?
Если библиотека jquery-1.10.2 и плагин tooltip у кого-то уже имеется в наличии, очевидно, можно и не скачивать.

авторВы бы написали что Вам нужно. И малюсенький примерчик, который не надо скачивать.
Прочитайте мой 1-й пост (Вы его не читали). "Малюсенький примерчик" я привёл. И скачивать его не нужно:
Код: javascript
1.
2.
3.
4.
5.
<script type="text/javascript" charset="utf-8">
    $(document).ready(function() {
        $('#trl').tooltip({track: true, delay: 2000, showURL: false, fade: 200});
    });    
</script>


Ну а прикрепил я саму библиотеку jquery (последней версии) и 2 плагина (tooltip, который не работает с этим jquery, и flexslider, который работает нормально), о чём прямо и написано в названии файла.
...
Рейтинг: 0 / 0
17.12.2013, 11:34
| Ответить | Цитировать | Написать  
jquery-плагин "tooltip" не работает с новой версией jquery
    #38503256
Cyrax_02
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Cyrax_02
Участник
автора этот тултип довольно беспонтовый, я бы без сожалений от него отказался. почему у меня должна болеть голова о позиционировании?
Вы говорите о jQuery Tooltip plugin 1.3 , который я использую ?
Он 2008 года. Старый уже.

авторэто для него нормально. jquery такое jquery.
Что именно номально ? Что jQuery Tooltip plugin 1.3 с новой версией jquery не работает или что такие проблемы могут быть с любыми jquery-плагинами ?
...
Рейтинг: 0 / 0
17.12.2013, 11:51
| Ответить | Цитировать | Написать  
jquery-плагин "tooltip" не работает с новой версией jquery
    #38503263
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ShSerge
Участник
Cyrax_02,

А таки попробуйте тултип, что я ссылку дал.
...
Рейтинг: 0 / 0
17.12.2013, 11:56
| Ответить | Цитировать | Написать  
jquery-плагин "tooltip" не работает с новой версией jquery
    #38503286
Cyrax_02
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Cyrax_02
Участник
ShSergeСамые классные тултипы здесь .Да, неплохой tooltip, учитывая возможность отображения и картинок, и таблиц и чего угодно.
И Drag&Drop-Library с Function-Grapher нормальные.

Только вот я подумывал использовать jquery-ui - там есть и tooltip 'ы, и Draggable и многое другое. Только графиков нет. Причём tooltip'ы и Draggable, вроде как и не уступают по функционалу walterzorn'овским.
...
Рейтинг: 0 / 0
17.12.2013, 12:04
| Ответить | Цитировать | Написать  
jquery-плагин "tooltip" не работает с новой версией jquery
    #38503362
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ShSerge
Участник
Cyrax_02,

Кстати, в драгабле - глюк. Причём, совершенно детский. Если бы я писал какую-нибудь игруху, его используя, я бы застрелился. Выведите мышку с нажатой клавишей за пределы клиентской части квадратика, а потом по экрану без нажимания поводите. Полный трындец. Какой ламер эту фигню написал?!
...
Рейтинг: 0 / 0
17.12.2013, 12:46
| Ответить | Цитировать | Написать  
jquery-плагин "tooltip" не работает с новой версией jquery
    #38503400
как-то так...
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
как-то так...
Гость
тоже нужен был тултип...
тот был тяжелым этот сложным плюнул и не стал париться...
 

Код: sql
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.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
61.
62.
63.
64.
65.
66.
67.
68.
69.
70.
71.
72.
73.
74.
75.
76.
77.
78.
79.
80.
81.
82.
83.
84.
85.
86.
87.
88.
<!DOCTYPE html>
<html>
    <head>                
        <title>Super light tooltip</title>             
        <style>
            #tooltip {			
				padding: 3px 5px;
				background-color: black;
				color: white;
				border-radius: 0 5px 5px 5px;				
				box-shadow: 2px 2px 3px #333;
			}
        </style>        
    </head>
    <body>                
        <section class="container">
		<table>
			<thead>
				<tr>
					<th>some text</th>
					<th>tooltip</th>
					<th>some text</th>
				<tr>
			</thead>
			<tbody>
				<tr>
					<td>
						aaa
					</td>
					<td>
						<a class="tooltip" data-tooltip="Easiest jQuery Tooltip <b>bold</b>" href="#">?</a>
					</td>
					<td>
						bbb
					</td>
				</tr>
				<tr>
					<td>
						aaa
					</td>
					<td>
						<a class="tooltip" data-tooltip="<img src='https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcTa5YJy9Pyjw6w8X7z50DvQOUThbGB2INq3cSafgAIYm6oHctcF' style='width:163px;height:193px;'>" href="#">?</a>
					</td>
					<td>
						bbb
					</td>
				</tr>
            </tbody>
		</table>
        </section>  
		<script src="http://code.jquery.com/jquery-latest.min.js"></script>
		<script>
		(function($){
			$.fn.toolTip = function() {
				var xOffset = 18,
					yOffset = 5;		
					
				this.unbind();
				this.on({
					mouseenter: function(e){	
						$('<div id="tooltip"></div>')
							.html($(this).attr('data-tooltip'))					
							.css({
								top: (e.pageY + yOffset) + 'px',
								left: (e.pageX + xOffset) + 'px',								
								position: 'absolute'
							})
							.appendTo('body');
					},					
					mouseleave: function(){					
						$('#tooltip').remove();
					},					
					mousemove: function(e){
						$('#tooltip').css({
							top: (e.pageY + yOffset) + 'px',
							left: (e.pageX + xOffset) + 'px'
						});
					}				
				});
			};
		})(jQuery);
		
		$(function(){			
			$('.tooltip').toolTip();
		});
		</script>
    </body>
</html>



авторТолько вот я подумывал использовать jquery-ui
зачем мозг выносишь?
...
Рейтинг: 0 / 0
17.12.2013, 12:57
| Ответить | Цитировать | Написать  
jquery-плагин "tooltip" не работает с новой версией jquery
    #38503520
Cyrax_02
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Cyrax_02
Участник
авторКстати, в драгабле - глюк. Причём, совершенно детский. Если бы я писал какую-нибудь игруху, его используя, я бы застрелился. Выведите мышку с нажатой клавишей за пределы клиентской части квадратика, а потом по экрану без нажимания поводите. Полный трындец. Какой ламер эту фигню написал?!
У меня всё нормально работает. Никаких глюков.
...
Рейтинг: 0 / 0
17.12.2013, 13:54
| Ответить | Цитировать | Написать  
jquery-плагин "tooltip" не работает с новой версией jquery
    #38503598
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ShSerge
Участник
Cyrax_02...У меня всё нормально работает. Никаких глюков.
Проверил в хроме, файрфоксе и ИЕ. Трындец!
ПС. Может, Вы считаете это не глюком, а фичей?
...
Рейтинг: 0 / 0
17.12.2013, 14:32
| Ответить | Цитировать | Написать  
jquery-плагин "tooltip" не работает с новой версией jquery
    #38506365
Cyrax_02
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Cyrax_02
Участник
авторПроверил в хроме, файрфоксе и ИЕ. Трындец!
ПС. Может, Вы считаете это не глюком, а фичей?
Проверил в FF и Opera. Никаких принципиальных глюков не заметил.
Единственный артефакт: если схватить квадрат, вытащить его за пределы клиентской области и, не отпуская кнопку мыши, подвигать там мышкой (за пределами клиентской области), то полоса прокрутки сильно уменьшается, как будто квадрат утащили по вертикали за тридевять земель. И при возвращении квадрата в клиентскую область (мышку не отпускаем) сначала квадрат пристыковывается к нижней границе клиентской области, не смотря на фактическое вертикальное положение мыши, но через пару движений мышкой всё приходит в норму - полоса прокрутки исчезает, квадрат снова пристыковывается к указателю мыши.
...
Рейтинг: 0 / 0
19.12.2013, 12:33
| Ответить | Цитировать | Написать  
jquery-плагин "tooltip" не работает с новой версией jquery
    #38506381
Cyrax_02
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Cyrax_02
Участник
автортоже нужен был тултип...
тот был тяжелым этот сложным плюнул и не стал париться...Тот - это который ? Который из библиотеки jquery-ui ?
Так весит он всего 10Кб.

авторзачем мозг выносишь?Нормальный и функциональный tooltip. Лично я отказался от сабжевого http://bassistance.de/jquery-plugins/jquery-plugin-tooltip/] jQuery Tooltip plugin 1.3 (2008 года) в пользу http://api.jqueryui.com/tooltip/] jquery.ui.tooltip.js (из библиотеки jquery-ui ).Отображать во всплывающих сообщениях можно что угодно, как и в walterzorn'овском tooltip'е.
...
Рейтинг: 0 / 0
19.12.2013, 12:42
| Ответить | Цитировать | Написать  
jquery-плагин "tooltip" не работает с новой версией jquery
    #38506382
Cyrax_02
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Cyrax_02
Участник
...и за пределы окна никогда не вылезет...
...
Рейтинг: 0 / 0
19.12.2013, 12:43
| Ответить | Цитировать | Написать  
jquery-плагин "tooltip" не работает с новой версией jquery
    #38506428
как-то так...
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
как-то так...
Гость
Тултип всего 10кб - не жирновато? ;)
...
Рейтинг: 0 / 0
19.12.2013, 13:09
| Ответить | Цитировать | Написать  
jquery-плагин "tooltip" не работает с новой версией jquery
    #38506638
Cyrax_02
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Cyrax_02
Участник
авторТултип всего 10кб - не жирновато? ;)
Похоже, Вы и jquery не используете ? Раз для Вас 10кб - это много.
...
Рейтинг: 0 / 0
19.12.2013, 15:32
| Ответить | Цитировать | Написать  
jquery-плагин "tooltip" не работает с новой версией jquery
    #38506661
как-то так...
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
как-то так...
Гость
вы нашли друг друга? вот и славно...
 
Похоже, Вы и jquery не используете ?
конечно, я же плагин не для жквери показал... ;)
...
Рейтинг: 0 / 0
19.12.2013, 15:45
| Ответить | Цитировать | Написать  
18 сообщений из 18, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / jquery-плагин "tooltip" не работает с новой версией jquery
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&msg=38502857&tid=1447532]:
 0ms
get settings:
 10ms
get forum list:
 16ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 142ms
get topic data:
 10ms
get forum data:
 3ms
get page messages:
 76ms
get tp. blocked users:
 1ms
others: 237ms
total:  501ms
созд. / загр.: 501ms
x
x
Закрыть


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