2010-09-19 81 views
3

WordPress的不加載jquery - 我認爲它可能與事實,它是加載文件絕對,而不是相對的,它不會去的URL(螢火蟲是說訪問否認受限制的uri)。我已經測試了香草的JavaScript和那個作品,但是隻要我嘗試做甚至最基本的功能$(document).ready(function(){})它停止工作..有沒有辦法阻止wordpress將網站URI附加到鏈接的文件,並相對引用它們相反,我認爲這可能會解決它。jquery不工作在wordpress

所輸出的頭是如下:

<!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> 
+0

請添加你現在在什麼。看起來你可能沒有在$(document).ready(function(){})之前的頭文件中包含jquery文件 – 2010-09-19 03:01:16

回答

4

WordPress的所說的jQuery中沒有衝突,其禁用$()功能模式。除非您在jQuery中禁用無衝突模式,否則您必須使用jQuery()而不是$()

+0

在我使用任何代碼之前:var $ = jQuery; – lucasgabmoreno 2016-02-22 18:18:32

0

我看着網站和jquery加載。這:

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

不會工作,因爲WordPress在沒有衝突模式下使用jQuery。此:

jQuery(document).ready(function($){ 
alert('test'); 
    }); 

是如何在沒有衝突模式下調用它。另外,燈箱插件拋出一個錯誤:

遺漏的類型錯誤:對象#有沒有方法「收藏夾」

1

試試這個:

對於那些完整的答案誰正面臨着同樣的問題

您可以將javascript包裝在一個自調用函數中,然後將jQuery作爲參數傳遞給它,使用$作爲局部變量名稱。例如:包含

(function($) { 
    $(document).ready(function(){ 
     alert('test'); 
    }); 
}(jQuery)); 

jQuery庫與WordPress被設定爲noConflict()模式。這是爲了防止WordPress可以鏈接的其他JavaScript庫的兼容性問題。

noConflict()模式下,全局的$ jQuery快捷方式不可用。