文章/答案/技术大牛

发布

社区首页 >问答首页 >jquery在wordpress中不起作用

问jquery在wordpress中不起作用
EN

Stack Overflow用户

提问于 2010-09-19 10:54:06

回答 3查看 7.4K关注 0票数 3

Wordpress没有加载jquery --我认为这可能是因为它加载的文件是绝对的，而不是相对的，并且它不会访问url (firebug显示访问被拒绝访问受限的uri)。我已经测试过vanilla 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>

javascript

jquery

wordpress

回答 3

Stack Overflow用户

发布于 2010-09-19 15:37:46

Wordpress将jQuery设置为无冲突模式，从而禁用了$()功能。除非您在jQuery中禁用无冲突模式，否则您将不得不使用jQuery()而不是$()。

票数 4

Stack Overflow用户

发布于 2014-12-24 14:19:45

试试这个：

为那些面临同样问题的人提供完整的答案

您可以将javascript包装在一个自调用函数中，然后将jQuery作为参数传递给它，并使用$作为局部变量名。例如：

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

WordPress附带的jQuery库设置为noConflict()模式。这是为了防止与WordPress可以链接的其他JavaScript库的兼容性问题。

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

票数 1

Stack Overflow用户

发布于 2010-09-19 15:39:01

我查看了网站，发现jquery正在加载。这一点：

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

不会起作用，因为WordPress在无冲突模式下使用jquery。这一点：

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

在无冲突模式下应该如何调用它。另外，lightbox插件抛出了一个错误：

未捕获TypeError: Object #没有方法“lightBox”

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/3744348

复制

相似问题

问jquery在wordpress中不起作用
EN

回答 3

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问jquery在wordpress中不起作用EN

回答 3

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问jquery在wordpress中不起作用
EN