如何将此jQuery加载到我的WordPress页面?

时间:2016-05-24 作者:tkim

我希望你能帮助我,我已经在互联网上搜索了几个小时,但似乎无法做到这一点。我尝试按照以下说明使用MixItUp:https://mixitup.kunkalabs.com/learn/tutorial/get-started/

HTML和CSS显示正确。但是我无法加载jQuery。我查看了其他答案和几个教程网站,在这里和那里调整代码,但仍然没有发生任何事情。

这就是我的自定义文件中的全部内容。js(我已经将id/class“Container”更改为“projects”,因为我已经有了一个Container类)

jQuery(document).ready(function($){
$(\'#projects\').mixItUp();
});
这在我的函数中。php

add_action( \'wp_enqueue_scripts\', \'add_my_script\' );
function add_my_script() {
wp_enqueue_script( \'projects\', get_stylesheet_directory_uri() . \'/js/custom.js\', array(\'jquery\'), \'1.0.0\', true );
}
我需要调用MixItUp js文件,我已经尝试在函数中编写wp\\u enqueue\\u脚本。php。我试过粘贴这个

<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script src="http://cdn.jsdelivr.net/jquery.mixitup/latest/jquery.mixitup.min.js"></script>
<script src="main.js"></script>
在页脚中。php就在</body> 标签,我在单个页面编辑器的标题中尝试了它。php。。。

我可能错过了一些非常明显的东西!我不懂编码,所以我不懂。非常感谢您的指导!

1 个回复
SO网友:Malisa

我会下载jquery。mixitup公司。min.js并将其与自定义脚本(js)放在同一文件夹中,如果可以的话,也可以将“main.js”文件放在其中,使js保持在一起。

不确定是否使用子主题,如果不使用,请将以下内容添加到函数文件中,覆盖原始代码:

add_action( \'wp_enqueue_scripts\', \'add_my_script\' );
function add_my_script() {
wp_enqueue_script(\'jquery\');
wp_enqueue_script( \'custom-script\', get_template_directory_uri() . \'/js/custom.js\',array(), \'1.0.0\',false );
wp_enqueue_script( \'projects\', get_template_directory_uri() . \'/js/main.js\',array(),false,false );

}

相关推荐

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

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