Question

我正在建立一个电子商务商店，我已经写了一小段jQuery来改变SRC主页的标识。问题是，当我加载页面时，我可以在应用新SRC之前看到错误的徽标加载。我在这里记录了这个问题：

https://app.hyfy.io/v/abmoLf1Q35/?p=1

jQuery的：

<script>
    jQuery(document).ready(function() {
        if (top.location.pathname === '/') {
            jQuery(".logo img").attr("src", "newsrc.png");
        }
    });
</script>

我是否正确地说，为了使jQuery工作，徽标需要首先加载，这就是为什么这是一个问题？

无论哪种方式，任何人都可以建议是否可以优先使用jQuery或建议更好的方式来实现我需要的东西？

我很感谢您回复的时间，非常感谢。

Answer 1

是的，jquery需要以现有元素为目标来影响它。

换句话说，逻辑是： 1.加载图像资产 2.通过jquery改变源代码

如果你有权访问css，你可以在.logo上放一个显示，然后当jquery改变源时，添加一个display：block via .css

<style>
    .logo img{
       display:none;
    }
</style>
<script>
    jQuery(document).ready(function() {
        if (top.location.pathname === '/') {
            jQuery(".logo").css('display', 'block').find('img').attr("src", "newsrc.png");
        }
    });
</script>

使用Image src attr（）使用jQuery加载太慢

1 个答案: