WordPress 使用的 jQuery 版本由于需要考虑到很多安全稳定的因素,所以一般不会使用最新版本的 jQuery,可以通过以下方式移除 WordPress 自定加载的 jQuery,并加载自定义的 jQuery // Remove default jqueryfunction custom_jquery_enqueue() { if( !is_admin()){wp_deregister_script(‘jquery‘); // 移除默认加载的 jQuerywp_register_script(‘jquery‘, get_stylesheet_directory_uri() . ‘/js/jquerys.js‘, false);...
我不确定这是否可行,但我希望我可以通过PHP以编程方式检索WordPress的内置jQuery版本号.
我更喜欢使用wp_register_script()包含一个CDN版本的jQuery,然后我使用WordPress的内置jQuery作为后备.
使用CDN版本的问题是,如果WordPress更新其内置版本的jquery,则CDN版本可能不匹配.所以我希望获取版本号(可能使用wp_default_scripts()),然后将其传递给wp_register_script().
关于我如何做到这一点的任何想法?解决方法:我从WP jQuery Pl...
这篇文章主要介绍了使用JavaScript实现WordPress中ID悬浮显示评论的功能,就是在楼中楼式的评论中显示被评论的主体内容,需要的朋友可以参考下比如: A 留言了, B 用 @ 回复了 A, 所以 B 的回复可能是这样的:@AHow much money do you have?就是说, 当鼠标悬停在 @A 上面的时候, 就会将 A 的评论内容显示在一个悬浮区域中.实现步骤在这里我们将以iNove主题为例进行讲解。1. 将以下代码保存为commenttips.js:jQuery(document).ready(fu...
如果你的网站上已经使用了lightbox这类效果,或者下面的几点运用经验你也会觉合适(前提是使用JQuery实现)。 1. 指定哪些条件下运用Lightbox效果 在网站的js文件中添加如下语句: 代码如下:$(function() { $(a[@rel*=lightbox]).lightBox(); $(.gallery a).lightBox(); }); 这样就决定只有在链接中添加“rel=lightbox”后,该链接才会出现lightbox效果;第二行中的'.gallery a'则是针对WordPress中原生相册,添加该句后,相册中的...
我想这对沙发同学不太公平吧。昨天在看yinheli同学的《鼠标悬浮实现显示留言内容》一文(建议看看,好文章),就想到我何不把沙发的头像copy出来然后放在显眼的位置上呢,如下截图效果。做法首先是你的网站加载了JQuery,然后在你需要放置沙发头像的地方添加一个,内容为空即可: 代码如下: 然后要做的就是利用js复制沙发的头像,并把复制的内容填入上面设定的内: 代码如下:$(document).ready(function() { $(".commentlist .av...
确定要放在Head部分 ?
事实上最好的情况是,js文件都不要在部分进行加载,否则会影响到head部分的载入速度,直接导致网站的内容(body)载入延迟。如果你确定你不需要在head部分载入jQuery,请将载入代码移动到
比如: A 留言了, B 用 @ 回复了 A, 所以 B 的回复可能是这样的:
@A
How much money do you have?
就是说, 当鼠标悬停在 @A 上面的时候, 就会将 A 的评论内容显示在一个悬浮区域中.实现步骤
在这里我们将以iNove主题为例进行讲解。
1. 将以下代码保存为commenttips.js:jQuery(document).ready(function(){var id=/^#comment-/;var at=/^@/;jQuery('#thecomments li p a').each(function() {if(jQuery(this).attr('href').match(id)...
这里选取的例子,便是 WordPress 中比较有名的美化超链接Title效果,一般的 title 效果是把鼠标放到 a 元素中便会显示一个黄底色框,而且是延时显示,这样显然不是一个好的 UE ,所以美化的 Title 便诞生了,在本站现在的主题 Line 的侧边栏中把鼠标放到文章标题便显示文章摘要的功能便是使用美化 Title 的原理做的,之所以选取这个例子,一是该例子中很好的体现了 jQuery 中的 DOM 操作,二是美化 Title 在 WordPress 中比较常用,...
添加 Ctrl+Enter 快捷回复
这里送上两种方法,首先是 jQuery 方法,前段时间一直在研究 jQuery ,因此对 jQuery 方法比较熟悉,如果你的主题本来已经加载 jQuery 库,建议你使用下面的方法。
把这段代码加入 js 文件中,如果你已经加载 jQuery ,现在就可以使用 Ctrl+Enter 进行快捷回复。
jQuery(document).ready(function($){
//Ctrl+Enter回复jQuery(document).keypress(function(e){if(e.ctrlKey && e.which == 13 |...
确定要放在Head部分 ?
事实上最好的情况是,js文件都不要在<head>部分进行加载,否则会影响到head部分的载入速度,直接导致网站的内容(body)载入延迟。如果你确定你不需要在head部分载入jQuery,请将载入代码移动到</body>前,准确的说是第一个会用到jQuery函数的javascript代码前。
当然,如果你需要head部分加载jquery,也请确保所有的js文件,包括jquery,都要放在调用CSS文件的代码之后,来实现同步下载。这也是Google官方给...
我想这对沙发同学不太公平吧。昨天在看yinheli同学的《鼠标悬浮实现显示留言内容》一文(建议看看,好文章),就想到我何不把沙发的头像copy出来然后放在显眼的位置上呢,如下截图效果。做法首先是你的网站加载了JQuery,然后在你需要放置沙发头像的地方添加一个<div>,内容为空即可: 代码如下:<div id="shafa"></div> 然后要做的就是利用js复制沙发的头像,并把复制的内容填入上面设定的<div>内: 代码如下:$(document).ready(...
我在我的wordpress插件中使用了require.js的jQuery版本,但是requirejs的jQuery覆盖了wordpress加载的jQuery.我如何才能告诉requirejs所使用的jQuery本身调用noConflict(true),以便它不会覆盖wordpress加载的版本?解决方法:最后,我做了这样的事情:
创建一个这样的配置文件requirejs.config( {"paths": { "jquery": "require_jquery"},"shim": {"jquery-cookie" : ["jquery"],"bootstrap-tab" : ["jquery"],"bootstrap-modal": [...
我在静态wordpress页面上写了一些php(使用include-php-in-pages-posts插件),该页面从远程服务器获取JSON对象.当然,这仅在页面加载时起作用一次,然后再也不会起作用(因为它不是ajax).
但是,因为调用是通过自己的php通过API URL调用发送到服务器的,所以我确定不需要我的php,并且必须可以编写一些简单的ajax(可能使用jquery)直接在我的html wordpress页面上,该页面从远程服务器获取JSON对象,所有这些都与我直接在页面上使用的javascri...
由于某些原因,我的jQuery脚本未注册,我相信我做得正确,但也许我遗漏了一些东西.这是我的代码:/*registering script*/function register_my_script(){wp_register_script('alliance_script', get_template_directory_uri() . '/js/script.js');}add_action('enqueue_scripts', 'register_my_script');解决方法:在WordPress中,使用wp_enqueue_scripts()注册您的脚本.
有关更多信息click hereadd_action('wp_enqueue_scripts', 'my_e...
在Wordpress中,使用钩子wp_enqueue_script覆盖jQuery版本,但它不起作用.而且我需要两个jquery.
我想为网站定制添加新的jquery版本.
但是当我添加新版本的jQuery时,旧版本的jQuery在功能上不起作用
function.php:function themeslug_enqueue_script(){wp_enqueue_script('child_theme_script_handle', 'https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js',array( 'jquery' ), '3.2.1', true );wp_enqueue_script...