jQuery UI Tooltip с динамическим контентом
Я использую JQuery UI Tooltip Widget и есть код:
$(function() {$( document ).tooltip({
content: 'connecting',
content:function(callback) {
$.get('teacher.php?teacherid=' + link,{}, function(data) {
callback(data);
});
},
})});
На моей странице у меня есть:
<div title="" onmouseover="{link=1}">Alex Brown</div>
<div title="" onmouseover="{link=2}">John Black</div>
Но это не работает. Как я могу отправить переменную JS, что Алекс Браун - учитель с ID = 1, а Джон Блэк - учитель с ID = 2?
UPD: ну это исправили
<script>
$(function() {$( document ).tooltip({
show: 0,
hide: 0,
items: 'teacher',
content: 'connecting',
content: function(callback) {
var x=$(this).attr('id')
$.get('teacher.php?teacherid='+x,{}, function(data) {
callback(data);
});
},
})});
</script>
И в HTML у меня теперь есть:
<teacher id="1">Alex Brown</teacher>
<teacher id="2">John Black</teacher>
<teacher id="3">Homer Simpson</teacher>