0

帮助！

我正在使用自定义 WP 主题构建此站点： http ://armandwho.com/site。

我正在尝试添加一个全屏背景视频（http://codecanyon.net/item/easy-video-background/1365012），并可以让它在这个测试站点http://clickjoe.com上工作（需要一分钟加载）但不在构建站点上。

通过 Safari Inspector 加载页面时出现错误：

/site/#:232TypeError: 'undefined' 不是函数（评估 '$("body").video_background'）

任何人都可以立即说出问题所在吗？

更新：加载构建和测试站点时，我能发现的唯一变化是文件“http://clickjoe.com/flash/video.swf”加载，但该文件没有加载到 BUILD 站点和电话完全一样。有什么东西阻止了这个文件的加载？

4

2 回答 2

1

首先，您包括 jQuery 1.6.2：

<script type="text/javascript" src="jquery/jquery-1.6.2.min.js"></script>

这设置了 1.6.2jQuery和$对象。然后你包括video_background插件：

<script type="text/javascript" src="js/video_background.min.js"></script>

这扩展了 jQuery 1.6.2jQuery和$对象以添加该video_background方法。稍后，您包含 jQuery 1.7.2：

<script type='text/javascript' src='http://armandwho.com/site/wp-includes/js/jquery/jquery.js?ver=1.7.2'></script>

这会覆盖(!!!) 1.6.2jQuery和$对象，并且该video_background方法与它们一起使用。然后，在最后，您尝试调用video_background：

$("body").video_background({ /* ... */ });

...但video_background已经消失了。

解决方案是只包含一个 jQuery，并在video_background插件之前包含它。

于 2012-10-01T04:53:51.130 回答
0

页面加载后在控制台中运行此代码，它可以工作......：

$("body").video_background({ format:"16:9",
    mp4:"video/AM.mp4" ,
    formatMobile:"16:9",
    mp4Mobile:"video/AM.mp4" ,
    loop:"true",
    autoplay:"true",
    muted:"true"
  });

处理程序正在触发（jQuery(document).ready();你得到一个错误），我只是不知道为什么。此页面上有大量脚本，可能相互冲突。

当 ready() 处理程序触发时，可能 video_background javascript 文件没有正确加载？

您可以尝试一一删除其他脚本，直到找出问题所在。

于 2012-10-01T04:45:44.673 回答