jScrollPane加载Safari中的动态内容分隔页

jScrollPane loading dynamic content breaks page in Safari

本文关键字：分隔 动态 加载 Safari jScrollPane      更新时间：2023-09-26

我正在加载一个rss提要框，并将jScrollPane应用于它。在我的其他网站上效果很好，但由于某种原因，这个仅在Safari中中断。它正确地加载页面，然后突然只捕捉到rss框。我试过.delay（）和（window）.ready，以为是时间和.css（position），但都没有用。有什么想法吗？

它在这里：mia谜语.com/webclient/hundredstories/blog.html

scrollpane script:
<script type="text/javascript">         
$(document).ready(function() {
            $(".blog").jScrollPane();
            });
            </script>
CSS:
.blog {
    width: 530px;
    height: 250px;
    position: absolute;
    top: 380px;
    left: 330px;
    margin-left: 20px;
    padding-left: 10px;
    }

html/加载提要的脚本：

我遇到了类似的问题，以下是对我有效的方法：

jQuery(window).load(function() { 
jQuery('.blog').jScrollPane(); 
});

也就是说，使用（window）.load而不是（windows）.ready，正如你在问题中指出的那样。

在我的案例中，由于WordPress脚本兼容性问题，我不得不使用jQuery（而不是$）。但在您的情况下，它可能也适用于$。

希望这能有所帮助。

附言：我注意到的另一件事是，你网站的.blogdiv似乎只包含rss提要。jScrollPane应用于该div，因此它自然地将自己应用于div的内容。

相关文章：