在子主题中运行Java脚本。在jsfiddle中工作

时间:2014-02-04 作者:Thornwalker

这是JSFIDLEhttp://jsfiddle.net/thornwalker/3LQjS/

我正试图让它在我的wordpress博客上运行,但运气不好。我的技能充其量只是个新手,但到目前为止我还是能应付过去。

这是我函数中的代码。php(在我的主主题中,如果我将functions.php复制到我的子主题,它将不会运行。)

function videoswitch() {
wp_enqueue_script(\'videoswitch\', get_template_directory_uri() . \'/js/videoswitch.js\',
array(\'jquery\')
);
}
add_action(\'wp_enqueue_scripts\', \'videoswitch\');
最后,这是视频开关。js公司

jQuery(document).ready(function($){

var directionsVar = \'<video autoplay="" loop=""><source src="directionsVid.mp4" type="video/mp4"></video>\';

var storyVar = \'<video autoplay="" loop=""><source src="storyVid.mp4" type="video/mp4"></video>\';

$("#directions").hover(function () {
$("#video-container").empty();
$("#video-container").append(directionsVar);
});

$("#story").click(function () {
$("#video-container").empty();
$("#video-container").append(storyVar);
});
});
任何帮助都将不胜感激。

1 个回复
最合适的回答,由SO网友:fuxia 整理而成

使用get_stylesheet_directory_uri() 获取子主题的URL。

get_template_directory_uri() 始终引用父主题。

如果没有父主题,两个函数将返回相同的结果。

请注意,这两个函数都没有添加尾部斜杠,您必须在代码中这样做。

结束