jQuery使用圖像src attr（）的用法加載太慢

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更改源代碼時，通過.css添加display：block

<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>