Question

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

脚本在header.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（菜单图像应全部为灰度，仅在鼠标悬停时显示颜色）。

我知道脚本工作正常，因为我之前使用过它，但现在我似乎无法找出我所缺少的内容。

Answer 1

该网页是www.domain.com，您的图片是从domain.com加载的，因此出于安全原因，canvas.getImageData无法正常工作，请将您的图片更改为同一个域。

Answer 2

正在加载mouseover.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 );

}

mouseover.js在wordpress中不起作用

2 个答案: