У меня есть страница с UpdatePanel
, где я добавляю некоторые формы при нажатии на страницу.
В этих новых добавленных элементах у меня есть изображения, которые должны использовать qTip
.
У меня есть это:
$(document).ready(function () {
$('.ttip').qtip({
content: $(this).attr('tooltip'),
show: 'click',
hide: 'click',
position: {
my: 'top right',
at: 'bottom center'
},
style: { classes: 'ui-tooltip-light' }
});
});
И это работает с элементами, которые видны в начале.
Все элементы, которые используют qTip
, имеют атрибут runat="server"
.
НО, когда я добавляю новый элемент с классом ttip
, это не работает.
Исследуя, я вижу, что элементы, которые видны в начале, имеют атрибут:
data-hasqtip="6"
Но динамически добавляемые элементы не имеют этого атрибута.
Как я могу обойти это?
Как заставить это работать?
ОБНОВЛЕНИЕ НА ОСНОВЕ ОТВЕТА
Я добавил это в код позади, где я делаю элемент видимым:
// Button click handler that add new element to page
public void AddNewElement(Image image)
{
image.Visible = true;
image.ToolTip = "blah";
ScriptManager.RegisterStartupScript(this.Page, this.GetType(),
"tmp",
@"<script type='text/javascript'>
$('.ttip').filter(function(){return !$(this).data('qtip')}).qtip(
content: $(this).attr('tooltip'),
show: 'click',
hide: 'click',
position: {
my: 'top right',
at: 'bottom center'
},
style: { classes: 'ui-tooltip-light' }
);
</script>",
false);
}
Но все равно не работает :(
$('.ttip').qtip({..
после динамического добавления элементов. - person Johan   schedule 26.11.2013