jQuery UI 在第一次加载时定位错误位置并在第二次重新加载时纠正

Question

我正在使用 jQuery 位置 UI 插件在网页上定位辅助图标。这是我负责职位的代码:

    if ( $(element_selector).length !== 0 && $(title_class_selector).length !== 0  ) {

    $(title_class_selector).position({
    my: "center",
    at: cornerPosition,
    offset:"<?php echo $x_coordinates_foradjustment;?> <?php echo $y_coordinates_foradjustment;?>",
    of: $(element_selector)

    });

    }

其中cornerPosition有以下可能值:

left top
right top
left bottom
right bottom

它工作得很好，直到我遇到一个我想要附加图标的特定 div 的问题。第一次加载时，位置错误(不是左下，而是到左上)，另一个不是右上，而是到右下。

这些是受影响的 element_selectors 及其正确和错误的位置:

#wpv-featured-news-slider .span4:first-child .thumbnail
Correct position: Left bottom
Actual position on first loading of webpage: Left top

#wpv-featured-news-slider
Correct position: Right top
Actual position on first loading of webpage: Right bottom

奇怪的是，当我刷新页面(重新加载页面)时，它现在转到正确的位置!这是缓存或选择器有问题吗？有没有办法对此添加一些检查？我不喜欢更改 element_selectors 来纠正这个问题。

这个定位系统已在我们的不同网站中广泛实现，这是我唯一遇到此问题的情况(其余一切都正常)。这可能是一个高度孤立的案例。我搜索任何相关问题但找不到。任何提示和建议都会非常有帮助。谢谢。

Answer 1

您考虑过图像的任何问题吗？有时，没有指定高度/宽度的非缓存图像可能会导致位置问题。试试https://github.com/desandro/imagesloaded看看这是否有帮助。