鼠标悬停.js在WordPress中不起作用

mouseover.js doesn't work in wordpress

本文关键字：不起作用 WordPress 悬停 js 鼠标      更新时间：2023-09-26

我在某处有一个错误，但我可以弄清楚。我有一个鼠标悬停.js脚本，应该在页面上创建很好的效果 - 将鼠标悬停在图像上时，图像将从灰度切换到彩色版本。

脚本加载在标头中.php如下所示： 

<script src="<?php bloginfo( 'stylesheet_directory' );?>
    /js/mouseover.js" type="text/javascript"></script>

完整脚本在这里： http://pastebin.com/yeBtedcg

此脚本应运行的页面如下：http://www.capital-restaurants.com/web/menu（菜单图像应全部为灰度，并且仅在鼠标悬停时才能显示颜色）。

我知道脚本工作正常，因为我以前用过它，但现在我似乎无法找出我缺少什么。

页面

www.domain.com 并且您的图像正在从 domain.com 加载，因此出于安全原因，canvas.getImageData 无法正常工作，请将图像更改为同一域。

鼠标悬停.js正在加载，所以你的问题不在于WordPress集成。我想我会注意到，但是，您并没有真正以WordPress插件的正确方式添加脚本。看看wp_enqueue_script。

下面是一个帮助程序函数：

function add_static_js_asset( $asset_name, $asset_path, $dependencies = false, $version = null, $in_footer = false ) {
        $dependencies = ( is_bool( $dependencies ) ) ? $dependencies : false;
        $version = ( !empty( $version ) ) ? $version : '0.1';
        $in_footer = ( is_bool( $in_footer ) ) ? $in_footer : false;
        if ( empty( $asset ) ) {
                return false;
        }                                                                                                      
        wp_enqueue_script( "{$asset_name}_script", $asset_path), $dependencies, $version, $in_footer );
}
相关文章：