小编use*_*370的帖子

如何使用 jquery 和 wp_enqueue_script

我\xc2\xb4已经花了很长时间试图解决这个问题。我正在尝试添加一个需要外部 jquery 库的脚本。我可以通过在脚本标签之间插入我的脚本来使其工作,但是我知道这不是正确的方法,并且它会破坏网站上的另一个脚本。

\n\n

今晚我花了相当多的时间试图弄清楚如何正确添加脚本,但我就是不明白。

\n\n

我知道这样的方法是对脚本进行排队的正确方法:

\n\n

function my_scripts_method() {\n wp_register_script( \'jquery\', \'http://code.jquery.com/jquery-1.9.1.js\');\n wp_enqueue_script( \'jquery\' );\n}
\nadd_action(\'wp_enqueue_scripts\', \'my_scripts_method\');\n

\n\n

我的主要问题是,我如何编写我的函数,以便它调用库,同时对其进行故障保护,以便它只加载一次,并且不会与其他脚本一起崩溃?这是脚本:

\n\n
$(document).ready(function () {\n\n\n$("#menu-item-16").hover(\n\n\n\n\n          function () {\n                  $(\'body\').css("background", "#ff9900");\n              }, \n              function () {\n                $(\'body\').css("background", "#ccc");\n             }\n            );\n\n            $("#menu-item-17\xe2\x80\x9d).hover(\n              function () {\n                  $(\'body\').css("background", "red");\n              }, \n              function () {\n                  $(\'body\').css("background", "#ccc");\n              }\n            );\n\n            $("#menu-item-18\xe2\x80\x9d).hover(\n              function () {\n                  $(\'body\').css("background", "yellow");\n              }, \n              function () {\n                  $(\'body\').css("background", "#ccc");\n              }\n            );\n        });\n
Run Code Online (Sandbox Code Playgroud)\n\n

编辑:

\n\n

第二个问题,几个库和一个样式表。

\n\n

如上所述,我有一个更复杂的脚本,你们也许可以帮助我。

\n\n

我现在在标题中有这段代码,它可以工作。

\n\n
   `<link …
Run Code Online (Sandbox Code Playgroud)

javascript php wordpress jquery

5
推荐指数
1
解决办法
2万
查看次数

如何在 Ajax 加载后在元素上添加额外的类

我需要在 ajax 加载后添加一个类。我首先给一些元素一个“ready”类,它启动 css 转换。当链接 li#menu-item-318 a 被点击时,它会删除就绪类,然后反转 css 转换,然后加载新的 html 文档。

这就是我陷入困境的地方。在 Ajaxload 上,我需要在 .test 容器内加载的相同元素上的相同类上再次设置就绪类,以再次为新页面 a-swell 启动 CSS 转换。

代码:

$(function () {
$('.v-line, .h-line, .nav, #ban_image img').addClass('ready');
});


$('li#menu-item-318 a').click(function(e){
 e.preventDefault(); 
 var linkNode = this;
$('.v-line, .h-line, #ban_image img')
 .removeClass('ready')
 .one('webkitTransitionEnd otransitionend oTransitionEnd msTransitionEnd transitionend',   
 function(e) {
$(".js-pageTransition").load("photo.html .test> *");                          
});
});
Run Code Online (Sandbox Code Playgroud)

html javascript css ajax jquery

3
推荐指数
1
解决办法
2507
查看次数

活动幻灯片上的滚动条,用于使用Fullpage.js溢出内容

我正在使用Fullpage.js并尝试使其与wordpress一起使用,并且它将继续.但是,我试图找出如何能够滚动内容高于活动幻灯片的幻灯片.该插件附带一个滚动溢出功能,但该功能会使滚动条滚动到您的内容,并继续前进到下一张幻灯片.

理想情况下,在当前幻灯片处停止的常量滚动条对我来说是最好的选择,但我不知道这是否可行.

一直在摆弄这个,所以如果有人有任何想法如何解决这个我会感激.我的网站:

http://www.svenssonsbild.se/Fullscreen/

编辑:通过在插件设置中设置scrolloverflow:true来实现我想要的功能.只是没有意识到它对我没用.

所以,如果有人有任何想法,为什么它不适合我,那将是伟大的.我怀疑它有一些东西,在标题中硬编码脚本而没有排队,我没能弄清楚如何,因为脚本创建重复的超级容器.

无论如何,任何指针都会非常受欢迎.

javascript css jquery fullpage.js

2
推荐指数
1
解决办法
5876
查看次数

标签 统计

javascript ×3

jquery ×3

css ×2

ajax ×1

fullpage.js ×1

html ×1

php ×1

wordpress ×1