GVKun编程网logo

使用CDN和AJAX加速WordPress中jQuery的加载（wordpress cdn）

12

对于想了解使用CDN和AJAX加速WordPress中jQuery的加载的读者，本文将是一篇不可错过的文章，我们将详细介绍wordpresscdn，并且为您提供关于10个最好的wordpress中使用

对于想了解使用CDN和AJAX加速WordPress中jQuery的加载的读者，本文将是一篇不可错过的文章，我们将详细介绍wordpress cdn，并且为您提供关于10个最好的wordpress中使用的jQuery插件、javascript – 没有jQuery的WordPress – 这可能吗？、javascript – 通过Ajax加载WordPress帖子、javascript-jQuery在WordPress中不起作用的有价值信息。

本文目录一览：

使用CDN和AJAX加速WordPress中jQuery的加载（wordpress cdn）

使用CDN和AJAX加速WordPress中jQuery的加载（wordpress cdn）

确定要放在Head部分 ?

事实上最好的情况是，js文件都不要在部分进行加载，否则会影响到head部分的载入速度，直接导致网站的内容（body）载入延迟。如果你确定你不需要在head部分载入jQuery，请将载入代码移动到前，准确的说是第一个会用到jQuery函数的javascript代码前。

当然，如果你需要head部分加载jquery，也请确保所有的js文件，包括jquery，都要放在调用CSS文件的代码之后，来实现同步下载。这也是Google官方给出的建议。例如下面的加载不推荐：

rush:js;">

<link href="style.css" .../>

而是应该使用:

rush:js;">

确定不要异步加载 ?

异步加载不会阻塞网页的载入，而非异步加载则会在加载本身js之前短暂阻塞浏览器的网页载入。这可能影响浏览体验。

如果你的加载代码是

rush:js;">

当然，百度在国内的访问速度是不可小视的：

rush:js;">

不跟风，你也可以选择微软的jquery CDN：

rush:js;">

然而Google的服务在国内间歇性中断，所以我可以照顾一下国内访客，这么写：

rush:js;">

这样子即可实现如果jQuery未能加载成功，则自动加载百度的jquery库，做到万无一失了。

10个最好的wordpress中使用的jQuery插件

10个最好的wordpress中使用的jQuery插件

日期：2011/11/20  来源：GBin1.com

现在的开发中，越来越多的开发和设计人员使用wordpress来设计网站。结合使用CMS系统wordpress和强大的jQuery将能给我们的web页面富客户端开发带来无限的可能。今天我们将介绍我们收集的10个最适合wordpress开发的jQuery插件。

1. Flipping Book

一个全功能的图片幻灯插件来帮助wordpress实现页面翻转效果。允许你通过特别设计的界面使用翻转效果创建flash电子书 。

分享10个最好的wordpress中使用的jQuery插件

2. jQuery Pagebar

这个插件使用现代的页面条来取代”上一页“及其”下一页“。更容易让用户进行页面导航。

分享10个最好的wordpress中使用的jQuery插件

3. Advanced Spoiler

通过Spoiler标签利用动画效果来显示和隐藏内容

分享10个最好的wordpress中使用的jQuery插件

4. OpenID Comments From

允许wordpress来提供客户端OpenID用户验证和留言。

分享10个最好的wordpress中使用的jQuery插件

5. Smilies Themer Toolbar

添加一个工具条来方便添加留言中的笑脸管理

分享10个最好的wordpress中使用的jQuery插件

6. Pixopoint Menu插件

添加了一个新的菜单到你的wordpress站点，并且允许你使用一个简单的UI控制内容

分享10个最好的wordpress中使用的jQuery插件

7. 高亮搜索结果关键字

一个简洁的方式来提高你的wordpress搜索页面结果特定关键字的高亮显示。

分享10个最好的wordpress中使用的jQuery插件

8. Insights

提供一个强大的新方式来撰写你的博客。它帮助你提高效率，并且吸引更多的发布。

分享10个最好的wordpress中使用的jQuery插件

9. 使用jQuery实现主题切换功能

这个教程将帮助你一步一步实现我们的解决方式。在第一个部分中，我们将介绍用户端的主题切换，包括了,html,CSS和javascript。在后面的内容中我们将教大家如何整合切换功能到wordpress中。

分享10个最好的wordpress中使用的jQuery插件

10. Google analyticator

添加必要的javascript代码来实现Google analytics功能。包括Analytics数据显示widgets。

分享10个最好的wordpress中使用的jQuery插件

javascript – 没有jQuery的WordPress – 这可能吗？

javascript – 没有jQuery的WordPress – 这可能吗？

wordpress开发相对较新.我正在从头开始创建一个新的自定义主题,并且真的想编写vanilla javaScript而不会因为jQuery的所有膨胀而减慢速度.我以为我可以简单地将jQuery排队.

这会破坏wordpress的幕后工作,还是没有依赖？

解决方法:

jQuery不太可能减慢你的速度,因为它只是一堆优化的DOM选择器/ DOM方法/实用程序功能.

您应该可以继续使用Vanilla JS,除非您使用的任何插件或库依赖于它.

javascript – 通过Ajax加载WordPress帖子

javascript – 通过Ajax加载WordPress帖子

所以,我有这个< div>我的博客文章包含在其中.它的类是.post.我想要做的是每次有人点击小部件区域的最近帖子时,内容都是通过Ajax加载而不是刷新页面.

这是我的代码

jQuery(function()
{
    jQuery(".umrp-list li a").click(function(){ //here I select the links of the widget
        var post_url = jQuery(this).attr("href");
        jQuery(".post").html('<div>Loading Content...</div>');
        jQuery(".post").load(post_url);
        return false;
    });
});

所以我有两个问题

>每当我点击“最近的帖子”链接时,内容会加载我要加载的位置,但点击后我的网页会空闲/冻结约2秒.为什么会这样？
>当我第一次点击时,除了上面描述的细节之外,一切都有效.当我第二次点击(另一个链接或甚至是相同的)时,它不是加载我点击的帖子,而是将我的整个网页加载到.post容器上.任何想法为什么会这样？

解决方法

听起来你正在同步发送请求.同步操作是阻塞的,而异步操作允许UI在操作在幕后完成时继续运行.

至于第二个问题,听起来像jQuery(this)以某种方式指向文档而不是元素的上下文.第二次检查你的“this”值,它可能会为你提供一些见解.

javascript-jQuery在WordPress中不起作用

javascript-jQuery在WordPress中不起作用

wordpress并未加载jquery-我认为这可能与以下事实有关：它绝对而非相对地加载文件,并且不会进入url(萤火虫说拒绝对受限uri的访问).我已经测试了香草javascript并能正常工作,但是,即使我尝试在$(document).ready(function(){})中执行最基本的功能,它也会停止工作..有没有办法阻止wordpress追加将网站uri链接到链接文件,并相对地引用它们,因为我认为这可能会解决它.

输出的头如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head profile="http://gmpg.org/xfn/11">

<Meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

    <title>simplespace &mdash; not quite ready yet</title>



<Meta name="generator" content="wordpress 3.0.1" /> <!-- leave this for stats -->

<link rel="stylesheet" href="http://simplespace.co.nz/wp-content/themes/blass2/style.css" type="text/css" media="screen" />

<link rel="alternate" type="application/RSS+xml" title="RSS 2.0" href="http://simplespace.co.nz/Feed/" />

<link rel="alternate" type="text/xml" title="RSS .92" href="http://simplespace.co.nz/Feed/RSS/" />

<link rel="alternate" type="application/atom+xml" title="Atom 0.3" href="http://simplespace.co.nz/Feed/atom/" />

<link rel="pingback" href="http://simplespace.co.nz/xmlrpc.PHP" />

<link rel="shortcut icon" href="http://simplespace.co.nz/wp-content/themes/blass2/favicon.ico" />

    <link rel='archives' title='September 2010' href='http://simplespace.co.nz/2010/09/' />

<link rel='stylesheet' id='sociable3-css'  href='http://simplespace.co.nz/wp-content/plugins/sociable-30/sociable.css?ver=5.10' type='text/css' media='all' />
<script type='text/javascript' src='http://simplespace.co.nz/wp-includes/js/jquery/jquery.js?ver=1.4.2'></script>
<script type='text/javascript' src='http://simplespace.co.nz/wp-content/plugins/wordpress-flickr-manager/js/jquery.lightBox.js?ver=3.0.1'></script>
<script type='text/javascript' src='http://simplespace.co.nz/wp-content/plugins/wordpress-flickr-manager/js/wfm-lightBox.PHP?ver=3.0.1'></script>
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://simplespace.co.nz/xmlrpc.PHP?rsd" />
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://simplespace.co.nz/wp-includes/wlwmanifest.xml" /> 
<link rel='index' title='simplespace' href='http://simplespace.co.nz/' />
<Meta name="generator" content="wordpress 3.0.1" />
<script type="text/javascript" src="http://simplespace.co.nz/wp-content/plugins/audio-player/assets/audio-player.js?ver=2.0.4.1"></script>
<script type="text/javascript">AudioPlayer.setup("http://simplespace.co.nz/wp-content/plugins/audio-player/assets/player.swf?ver=2.0.4.1", {width:"400",animation:"yes",encode:"yes",initialvolume:"60",remaining:"no",noinfo:"no",buffer:"5",checkpolicy:"no",rtl:"no",bg:"dcf2fa",text:"333333",leftbg:"dcf2fa",lefticon:"333333",volslider:"666666",voltrack:"cfcfcf",rightbg:"9ee1f7",rightbghover:"dcf2fa",righticon:"333333",righticonhover:"333333",track:"FFFFFF",loader:"9ee1f7",border:"CCCCCC",tracker:"dcf2fa",skip:"666666",pagebg:"FFFFFF",transparentpagebg:"yes"});</script>

<!-- WFM INSERT LIGHTBox FILES -->
<link rel="stylesheet" href="http://simplespace.co.nz/wp-content/plugins/wordpress-flickr-manager/css/lightBox.css" type="text/css" />
<!-- WFM END INSERT -->


<script type='text/javascript'>
$(document).ready(function() {
  alert('test');
});
</script>
</head>

解决方法:

wordpress将jQuery置于无冲突模式,该模式禁用了$()函数.除非您在jQuery中禁用无冲突模式,否则必须使用jQuery()而不是$().

关于使用CDN和AJAX加速WordPress中jQuery的加载和wordpress cdn的介绍现已完结，谢谢您的耐心阅读，如果想了解更多关于10个最好的wordpress中使用的jQuery插件、javascript – 没有jQuery的WordPress – 这可能吗？、javascript – 通过Ajax加载WordPress帖子、javascript-jQuery在WordPress中不起作用的相关知识，请在本站寻找。

本文标签：

上一篇WordPress中利用AJAX异步获取评论用户头像的方法（wordpress ajax）

下一篇谈谈Jquery ajax中success和complete有哪些不同点

相关文章