jquery移动固定标头中的图像重叠内容直到调整大小事件

Question

我的jquery移动固定标头中有一个图像.当页面在Google Chrome或Apple Safari中加载时,标题内容会重叠标题下方的内容div,直到我调整页面大小.Firefox和IE工作正常.

谢谢!

Answer 1

我认为问题在于,当jQuery Mobile初始化页面时,标题图像未加载且标题更小,因此jQuery Mobile会.ui-page在图像加载时在元素上添加一个填充.这样做的一个简单的解决方法是手动设置,这样只有向上它需要的空间,即使其源负载前的标题图片的大小.

你也可以这样做,虽然对我来说看起来很不好看,通过触发resize事件来强制重绘,document.ready或者可能window.load:

$(window).on('load', function () {
    $(this).trigger('resize');
});

我在页面上将此代码粘贴到控制台中,并按预期重新定位title元素.