Форум

Telnet · #1 (**permalink**) 29.12.2012, 01:05

Всем привет

<!doctype html>

<html lang="en">
<head>
    <meta charset="utf-8" />
    <title>jQuery UI Tooltip - Custom content</title>
    <link rel="stylesheet" href="http://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css" />
    <script src="http://code.jquery.com/jquery-1.8.3.js"></script>
    <script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>
    <script>
    $(function() {
		$( ".ui-state-active" ).tooltip({
			content: function() {return $( this ).attr( "data-title" );},
			track: true
		});
    });
    </script>
</head>
<style>
li{list-style:none;}
</style>
<body>
 
<ul>
<li class="ui-state-active" data-title="TEST">111111111</li>
<li class="ui-state-active" data-title="TEST">1222222222</li>
<li class="ui-state-active" data-title="TEST">33333333333</li>
</ul>
 
 
</body>
</html>

Когда пытаюсь задать какой нибудь другой атрибут в качестве title не срабатывает подсказка.

Deff · #2 (**permalink**) 29.12.2012, 01:08

Telnet,

<script src="http://code.jquery.com/jquery-1.8.3.js"></script>

Этот скрипт разве не выше всех должен быть?

Telnet · #3 (**permalink**) 29.12.2012, 01:10

Начало взял отсюда
http://jqueryui.com/tooltip/#custom-content

Deff · #4 (**permalink**) 29.12.2012, 01:16

Сообщение от Telnet

Начало взял отсюда
http://jqueryui.com/tooltip/#custom-content

На данном сайте скрипты стоят в таком порядке

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script>!window.jQuery && document.write(unescape('%3Cscript src="http://jqueryui.com/web-base-template/themes/jquery/js/jquery-1.7.2.min.js"%3E%3C/script%3E'))</script>

<script src="http://jqueryui.com/web-base-template/themes/jquery/js/plugins.js"></script>

<!--Typekit-->
<script type="text/javascript" src="http://use.typekit.com/wde1aof.js"></script>

Т.е библиотека jquery - первой

Telnet · #5 (**permalink**) 29.12.2012, 11:34

Нужно было так, всем принявшим участие в обсуждении большое спасибо

<!doctype html>

<html lang="en">
<head>
    <meta charset="utf-8" />
    <title>jQuery UI Tooltip - Custom content</title>
    <link rel="stylesheet" href="http://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css" />
    <script src="http://code.jquery.com/jquery-1.8.3.js"></script>
    <script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>
    <script>
    $(function() {
		$( ".ui-state-active" ).tooltip({
			content:  "Awesome title!",
			items: "li[data-title]",
			track: true
		});
    });
    </script>
</head>
<style>
li{list-style:none;}
</style>
<body>
 
<ul>
<li class="ui-state-active" data-title="TEST">111111111111111111111111</li>
<li class="ui-state-active" data-title="TEST">1222222222222222222222222</li>
<li class="ui-state-active" data-title="TEST">33333333333333333333333333</li>
</ul>
 
 
</body>
</html>

Форум

Справочник

Discord чат

Курсы javascript