Блог

Главная - Вопросы по программированию - Загрузка jQuery — наведение курсора мыши на WordPress

Загрузка jQuery — наведение курсора мыши на WordPress

#javascript #php #jquery #wordpress

#javascript #php #jquery #wordpress

Вопрос:

У меня есть сайт WordPress и установлены некоторые плагины. Я проводил так много тестов, чтобы выяснить, как улучшить свой сайт, и один из плагинов под названием «Autoptimize» немного испортил запросы сайта, поэтому я деактивировал плагин, но это помешало логотипу моего сайта работать с эффектом наведения курсора мыши. Я проследил проблему и обнаружил, что коды в нижнем колонтитуле темы содержат дополнительную ссылку «https://cdn.shortpixel.ai » это то, что плагин использует в качестве сервера, чтобы сократить время загрузки, но я этого не хочу. Деактивация плагина не удаляет ссылку на сервер «https://cdn.shortpixel.ai «, поэтому я сам удалил ссылку, но я все еще не могу понять, почему логотип не меняется, когда я навожу на него курсор мыши.

старый код с https://cdn.shortpixel.ai

 <script>
$('#loadMore').click(function(e){
    $('.tech-none').addClass('tech-flex');
    $(this).fadeOut();
})
$(document).ready(function(){$(".logo img").mouseover(function(){
    $(this).attr('src','https://bluediamondautoglass.com/wp-content/uploads/2019/06/logo-hover.png');
    $(this).attr('srcset','https://bluediamondautoglass.com/wp-content/uploads/2019/06/logo-hover.png');
    }).mouseout(function(){
        $(this).attr('src','https://bluediamondautoglass.com/wp-content/uploads/2019/06/footer-logo-1.png');
        $(this).attr('srcset','https://cdn.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_338/https://bluediamondautoglass.com/wp-content/uploads/2019/09/logo-1_01d27e1208cb366b98b7ea9bddd89f38-1.png 338w, https://cdn.shortpixel.ai/client/q_glossy,ret_img,w_300/https://bluediamondautoglass.com/wp-content/uploads/2019/09/logo-1_01d27e1208cb366b98b7ea9bddd89f38-1-300x61.png 300w');
        });
        $(".footer-logo img").mouseover(function(){
            $(this).attr('src','https://bluediamondautoglass.com/wp-content/uploads/2019/06/logo-hover.png');
            $(this).attr('srcset','https://bluediamondautoglass.com/wp-content/uploads/2019/06/logo-hover.png');
            }).mouseout(function(){
                $(this).attr('src','https://bluediamondautoglass.com/wp-content/uploads/2019/06/footer-logo-1.png');
                $(this).attr('srcset','https://cdn.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_338/https://bluediamondautoglass.com/wp-content/uploads/2019/09/logo-1_01d27e1208cb366b98b7ea9bddd89f38-1.png 338w, https://cdn.shortpixel.ai/client/q_glossy,ret_img,w_300/https://bluediamondautoglass.com/wp-content/uploads/2019/09/logo-1_01d27e1208cb366b98b7ea9bddd89f38-1-300x61.png 300w');
                });});
</script>
</body>
</html>

новый код после удаления https://cdn.shortpixel.ai

 <script>
$('#loadMore').click(function(e){
    $('.tech-none').addClass('tech-flex');
    $(this).fadeOut();
})
$(document).ready(function(){$(".logo img").mouseover(function(){
    $(this).attr('src','https://bluediamondautoglass.com/wp-content/uploads/2019/06/logo-hover.png');
    $(this).attr('srcset','https://bluediamondautoglass.com/wp-content/uploads/2019/06/logo-hover.png');
    }).mouseout(function(){
        $(this).attr('src','https://bluediamondautoglass.com/wp-content/uploads/2019/06/footer-logo-1.png');
        $(this).attr('srcset','https://bluediamondautoglass.com/wp-content/uploads/2019/09/logo-1_01d27e1208cb366b98b7ea9bddd89f38-1.png 338w, https://bluediamondautoglass.com/wp-content/uploads/2019/09/logo-1_01d27e1208cb366b98b7ea9bddd89f38-1-300x61.png 300w');
        });
        $(".footer-logo img").mouseover(function(){
            $(this).attr('src','https://bluediamondautoglass.com/wp-content/uploads/2019/06/logo-hover.png');
            $(this).attr('srcset','https://bluediamondautoglass.com/wp-content/uploads/2019/06/logo-hover.png');
            }).mouseout(function(){
                $(this).attr('src','https://bluediamondautoglass.com/wp-content/uploads/2019/06/footer-logo-1.png');
                $(this).attr('srcset','https://bluediamondautoglass.com/wp-content/uploads/2019/09/logo-1_01d27e1208cb366b98b7ea9bddd89f38-1.png 338w, https://bluediamondautoglass.com/wp-content/uploads/2019/09/logo-1_01d27e1208cb366b98b7ea9bddd89f38-1-300x61.png 300w');
                });});
</script>

(Я не кодировал это, но я могу внести простые изменения и кое-что понять)

Комментарии:

1. Есть ли у вас какая-либо версия или программное обеспечение для управления версиями?

2. Не совсем, у меня есть доступ к cPanel и серверной части WordPress. @quantumPuter

3. Это может помочь вам изолировать проблемы, например, если вы будете использовать его в будущем.

4. @quantumPuter какое программное обеспечение, по вашему мнению, лучше всего использовать? Я вижу много вариантов.