jquery没有在wordpress中工作
[英]jquery not working in wordpress
问题描述
Wordpress is not loading jquery - I think it may have something to do with the fact that it is loading the files absolutely, not relatively, and it won't go to the url (firebug is saying access denied to restricted uri). 
Wordpress没有加载jquery - 我认为这可能与它正在加载文件绝对，而不是相对的事实有关，并且它不会转到url（firebug说访问被拒绝限制uri）。 I have tested vanilla javascript and that works, however as soon as i try to do even the most basic function in $(document).ready(function(){}) it stops working.. is there a way to stop wordpress from appending the website uri to the linked files, and reference them relatively instead, as i think this may fix it. 我已经测试过vanilla javascript，但是只要我尝试在$(document).ready(function(){})最基本的功能，它就会停止工作..是否有办法阻止wordpress附加网站uri到链接文件，并相对引用它们，因为我认为这可能会解决它。
The outputted head is as follows: 输出头如下：
<!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 — 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>
3 个解决方案
解决方案1
4 2010-09-19 07:37:46
Wordpress puts jQuery in no-conflict mode which disabled the $() function. Wordpress将jQuery置于禁用$()函数的无冲突模式。 Unless you disable no-conflict mode in jQuery you'll have to use jQuery() instead of $() . 除非你在jQuery中禁用no-conflict模式，否则你必须使用jQuery()而不是$() 。
解决方案2
1 2014-12-24 06:19:44
Try this: 试试这个：
Full answer for those who are facing same problem 那些面临同样问题的人的完整答案
You can wrap your javascript inside a self-invoking function, then pass jQuery as an argument to it, using $ as the local variable name. 您可以将javascript包装在自调用函数中，然后将jQuery作为参数传递给它，使用$作为本地变量名。 For example: 例如：
(function($) {
$(document).ready(function(){
alert('test');
});
}(jQuery));
The jQuery library included with WordPress is set to the noConflict() mode. WordPress附带的jQuery库设置为noConflict()模式。 This is to prevent compatibility problems with other JavaScript libraries that WordPress can link. 这是为了防止WordPress可以链接的其他JavaScript库的兼容性问题。
In the noConflict() mode, the global $ shortcut for jQuery is not available. 在noConflict()模式下，jQuery的全局$快捷方式不可用。
解决方案3
0 2010-09-19 07:39:01
I looked at the site and jquery is loading. 我查看了网站，jquery正在加载。 This: 这个：
<script type='text/javascript'>
$(document).ready(function() {
alert('test');
});
</script>
wont work because WordPress uses jquery in no conflict mode. 不会工作，因为WordPress在没有冲突模式下使用jquery。 This: 这个：
jQuery(document).ready(function($){
alert('test');
});
is how it should be called in no conflict mode. 是如何在没有冲突模式下调用的。 Also the lightbox plugin is throwing an error: 灯箱插件也是一个错误：
Uncaught TypeError: Object # has no method 'lightBox' 未捕获的TypeError：对象＃没有方法'lightBox'
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.