我正在使用qTip(jquery.qtip-1.0.0-rc3.min)和jQuery(jquery-1.3.2)。
在IE中使用带有非动态加载内容的qTip时,qTip工作正常。但是,当通过ajax调用加载内容时,qTip内容在加载内容后不会调整大小。我试过在各种回调上添加updateWidth而没有任何运气。事实上,当使用updateWidth时,我会在qTip内容的左上角看到一个小白框。这个代码在Safari,Firefox和Opera中运行良好。
使用ajax调用时,IE正在调整内容的大小是什么?
$(document).ready(function() {
$('ul.person_info li:first-child').each(function() {
$(this).qtip({
show: 'mouseover',
hide: 'mouseout',
style: {
name: 'cream'
},
content: {
url: '<%= Url.Action("FindPerson", "People") %>',
data: { id: $(this).attr('id') },
method: 'get'
}
});
});
$('ul.person_info li:first-child').qtip({
api: {
onContentUpdate: function() { this.updateWidth(); },
onContentLoad: function() { this.updateWidth(); },
beforeContentLoad: function() { this.updateWidth(); }
}
});
});
答案 0 :(得分:0)
在requesting help on the qTip forums Dustin Moore之后,Craig Thomson和我能够确定qTip插件的问题。问题由qTip by Dustin的分支解决。此分支后来被拉入主qTip分支,可在archived versions of qTip中找到。
重要的是要注意qTip已经发展并转移到qTip2并且这个问题,答案和修复都集中在qTip 1.0上。