如何使jquery插件与wordpress一起工作？
我一直试图让jquery在单个页面上运行wp-站点：https://github.com/almightynay/jQuery-Sakura。
但很明显我做错了一两件事。我遇到了以下两个问题，我一直在努力使它发挥作用，但仍然失败。
How I can add my JQuery script into single wordpress page?
How do I add a simple jQuery script to WordPress?
所以。这是我迄今为止所做的。
- 我把这个添加到header.php中
<link type="text/css" rel="stylesheet" media="screen" href="wp-content/themes/themename/css/jquery-sakura.min.css" />
- 我把这个添加到functions.php中 函数add_my_script() { jQuery在这里// domReady $(函数(){ $("body").sakura()；})；// windowLoad $(窗口).load(函数(){ $("body").sakura()；})；';} add_shortcode( 'sakuraattempt'，'add_my_script‘)；
这与我之前发现的一个问题略有不同，因为我遇到了一个不喜欢单引号的$('body').sakura();语法错误，我尝试了double，它被接受了，但不知道这是否正确。
- 我在页面中添加了简短代码sakuraattempt。
- 我将js和css文件上传到wp内容/主题/themename/css/(或js)，并在1+2中编辑上述两个代码段中的文件以指向相同的内容。这些档案是：
jquery-sakura.css jquery-sakura.js jquery-sakura.min.css jquery-sakura.min.js
我在页面上得到的唯一结果就是出现了这样一小块文字：
// domReady $(function() { $("body").sakura(); }); // windowLoad $(window).load(function() { $("body").sakura(); });
我想知道我在这件事上哪里出了问题，这样以后我才能得到正确的答案。有很多很好的jquery，我希望能够完全了解如何自己实现。
耽误您时间，实在对不起!如果这里有什么东西超出了典型的堆叠式礼仪，我很抱歉，这是我的第一篇文章。
回答 3
Stack Overflow用户
发布于 2018-04-04 22:04:04
效果现在起作用了。我就是这么做的。
- 将js+css文件添加到
/wp-content/themes/THEMENAME/css/和/wp-content/themes/THEMENAME/js/中的服务器 - 添加到header.php中
<link type="text/css" rel="stylesheet" media="screen" href="/wp-content/themes/THEMENAME/css/jquery-sakura.min.css" />
(标签内)
- 添加到functions.php中 函数add_my_script() {body‘；} add_shortcode( 'sakuraattempt'，'add_my_script’)；函数add_my_script2() { domReady jQuery(函数(){ jQuery("body").sakura()；})；// windowLoad jQuery(窗口).load(函数( jQuery("body").sakura()；})；jQuery(“body”).sakura(“开始”，{ blowAnimations：“吹风-软-左”)，//水平运动动画名称className："sakura"，//类名使用fallSpeed: 1，//花瓣下落速度因子maxSize: 14，//最大花瓣大小minSize: 4，//最小花瓣大小newOn: 200，//间隔后添加一个新的花瓣swayAnimations: //摇摆动画名称“摇摆-1”，})；'；} add_shortcode(‘sakuraattempt2 2’，'add_my_script2‘)；
- 将短代码sakuraattempt和sakuraattempt2添加到我想要的页面上。
工作完成了！也许有更好的方法来解决这个问题，但现在已经开始运作了。
另外，我还需要向sakura类添加一个z索引修饰符，以便花瓣总是出现在页面上的所有元素之上。
如果有人对这种方法有改进或批评，我的耳朵是开放的，否则，我希望我在这里的讨厌的经验，帮助别人在未来。这在一定程度上要感谢@kevinb，他隐晦地转向了我遇到的问题之一。
Stack Overflow用户
发布于 2018-04-04 19:23:28
我建议将您的javascript添加到上传到主题中的js文件中。然后，您将希望像这样在函数文件中对脚本进行排队：
wp_enqueue_script( 'sakura', get_template_directory_uri() . '/js/jquery-sakura.min.js', 'jquery', false, true );
wp_enqueue_script( 'script', get_template_directory_uri() . '/js/script.js', 'jquery', false, true );这里的代码假设您的javascript位于一个名为'js‘的文件夹中，并且它位于您的主题中。
Stack Overflow用户
发布于 2018-06-01 05:03:58
将以下代码添加到当前活动主题的function.php文件中，并使用要添加的js文件的正确路径
add_action(‘wp_enqueue_script’，'addScripts')；
函数addScripts() { wp_enqueue_script(‘wp_enqueue_script_js’，get_template_directory_uri() .'/assets/js/custom.js'，数组( 'jquery‘)，NULL，false)；
}
https://stackoverflow.com/questions/49658188
复制相似问题
腾讯云开发者
