JQuery插件已正确加载,但不执行任何操作

时间:2016-08-14 作者:Alex Timmer

我想用this jQuery plugin 在网站上加载全屏背景。我首先在桌面上的静态HTML中实现了它,效果很好。然后我把所有的东西都放在我的主题中并加载,没有错误,没有动作。

你首先看到的是语法错误,URL ETC中的拼写错误

当我在本地HTML中加载相同的代码时,它会正常工作。当我查看WordPress的源代码时,所有脚本都会在控制台中正确加载。登录以检查脚本是否在初始化之前加载,它是在</head>

<script>
(function($) {
    var myPlayer = jQuery("#bgndVideo").YTPlayer({
        mask:{
            0:\'assets/overlay.png\'
        }
    });
})(jQuery);
</script>
但还是没有运气。作为参考,详细说明完整代码;

<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>  
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/3.0.0/jquery.min.js"></script>
    <script type="text/javascript" charset="utf-8" src="<?php bloginfo(\'stylesheet_directory\');?>/assets/jquery.mb.YTPlayer.min.js"></script>

    <script>
    (function($) {
        var myPlayer = jQuery("#bgvid").YTPlayer({
            mask:{
                0:\'assets/overlay.png\'
            }
        });
    })(jQuery);
    </script>

    <?php wp_head();?>
</head>
<body <?php body_class();?>>
<div id="wrapper">
    <div id="bgvid" class="player" data-property="{videoURL:\'9CrTwCFdJnA\',containment:\'body\', showControls:false, autoPlay:true, loop:true, vol:50, mute:true, opacity:1, quality:\'large\', optimizeDisplay:true}"></div>
</div>
<?php get_footer();?>   
当我在本地HTML上尝试这一点时,我看到了插件的效果,它将YouTube iframe加载到。。怎么回事?已经断断续续好几天了,再也想不出来了。

1 个回复
SO网友:Alex Timmer

我找到了罪魁祸首,但还没有解决办法。正如我所说的,代码在静态HTML页面上运行良好,因此我将完全静态HTML复制到主题中,而将其余的都忽略了,但它不起作用。

所以它必须与WordPress相关,所以我一个接一个地关闭已安装的插件,当我禁用Crayon 插件。因此,从现在开始,如果我找到原因,我将更新这个答案(欢迎提供有关如何调试类似内容的提示!)。

相关推荐

JQuery php请求返回一个奇怪的结果

我有一个奇怪的小故障发生在我身上,我不知道我是如何产生它的,或者它是否是正常的。我正在开发自己的插件,当一个足球队/足球队被输入到一个框中时,它会检查它是否已经在数据库中。以下是我的代码行add_action( \'admin_footer\', \'fws_teamcheck_javascript\' ); function fws_teamcheck_javascript() { ?> <script type="text/javascript">