Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/460.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript JQuery没有';我似乎没有在Wordpress中工作_Javascript_Jquery_Html_Css_Wordpress - Fatal编程技术网

Javascript JQuery没有';我似乎没有在Wordpress中工作

Javascript JQuery没有';我似乎没有在Wordpress中工作,javascript,jquery,html,css,wordpress,Javascript,Jquery,Html,Css,Wordpress,我在我的wordpress主题的标题标签中有以下内容,但不管怎样它都不会工作 <script>JQuery(function() {JQuery('#fader img:not(:first)').hide();JQuery('#fader img').css('position', 'absolute');JQuery('#fader img').css('top', '0px');JQuery('#fader img').css('left', '50%');JQuery('#f

我在我的wordpress主题的标题标签中有以下内容,但不管怎样它都不会工作

<script>JQuery(function() {JQuery('#fader img:not(:first)').hide();JQuery('#fader img').css('position', 'absolute');JQuery('#fader img').css('top', '0px');JQuery('#fader img').css('left', '50%');JQuery('#fader img').each(function() {var img = JQuery(this);JQuery('<img>').attr('src', JQuery(this).attr('src')).load(function() {img.css('margin-left', -this.width / 2 + 'px');});});var pause = false;function fadeNext() {JQuery('#fader img').first().fadeOut().appendTo(JQuery('#fader'));JQuery('#fader img').first().fadeIn();}function fadePrev() {JQuery('#fader img').first().fadeOut();JQuery('#fader img').last().prependTo(JQuery('#fader')).fadeIn();}JQuery('#fader, #next').click(function() {fadeNext();});JQuery('#prev').click(function() {fadePrev();});JQuery('#fader, .button').hover(function() {pause = true;},function() {pause = false;});function doRotate() {if(!pause) {fadeNext();}}var rotate = setInterval(doRotate, 2000);});</script>
还有我的HTML

<div id="fader">
    <img src="http://dummyimage.com/600x400/000/fff.png&text=Image1"/>
    <img src="http://dummyimage.com/200x400/f00/000.jpg&text=Image2"/>
    <img src="http://dummyimage.com/100x100/0f0/000.png&text=Image3"/>
    <img src="http://dummyimage.com/400x400/0ff/000.gif&text=Image4"/>
    <img src="http://dummyimage.com/350x250/ff0/000.png&text=Image5"/>
</div>

它不显示一个图像并在提供的5个图像之间淡入淡出,而是同时显示所有5个图像

我最初认为这可能是一个JQuery问题,所以测试了JQuery是否正常工作

这是我删除空格并将$替换为JQuery之前的原始JQuery

$(function() {
$('#fader img:not(:first)').hide();
$('#fader img').css('position', 'absolute');
$('#fader img').css('top', '0px');
$('#fader img').css('left', '50%');
$('#fader img').each(function() {
    var img = $(this);
    $('<img>').attr('src', $(this).attr('src')).load(function() {
        img.css('margin-left', -this.width / 2 + 'px');
    });
});

var pause = false;

function fadeNext() {
    $('#fader img').first().fadeOut().appendTo($('#fader'));
    $('#fader img').first().fadeIn();
}

function fadePrev() {
    $('#fader img').first().fadeOut();
    $('#fader img').last().prependTo($('#fader')).fadeIn();
}

$('#fader, #next').click(function() {
    fadeNext();
});

$('#prev').click(function() {
    fadePrev();
});

$('#fader, .button').hover(function() {
    pause = true;
},function() {
    pause = false;
});

function doRotate() {
    if(!pause) {
        fadeNext();
    }    
}

var rotate = setInterval(doRotate, 2000);
$(函数(){
$(“#音量控制器img:not(:first)”.hide();
$('#fader img').css('position','absolute');
$('#音量控制器img').css('top','0px');
$('#fader img').css('left','50%);
$('#音量控制器img')。每个(函数(){
var img=$(本);
$('
}))

提前谢谢


我爱你;)

使用
jQuery
$
而不是你正在使用的

您使用的是
JQuery
,这是错误的

但是如果您确实想使用
JQuery
,那么您可以执行以下操作:

var JQuery = jQuery;

现在,在分配之后,您可以使用
JQuery

使用
JQuery
$
而不是您正在使用的

您使用的是
JQuery
,这是错误的

但是如果您确实想使用
JQuery
,那么您可以执行以下操作:

var JQuery = jQuery;

现在,在分配之后,您可以使用
JQuery

使用
JQuery
$
而不是您正在使用的

您使用的是
JQuery
,这是错误的

但是如果您确实想使用
JQuery
,那么您可以执行以下操作:

var JQuery = jQuery;

现在,在分配之后,您可以使用
JQuery

使用
JQuery
$
而不是您正在使用的

您使用的是
JQuery
,这是错误的

但是如果您确实想使用
JQuery
,那么您可以执行以下操作:

var JQuery = jQuery;


现在,在赋值之后,您可以使用
JQuery

您是否检查了错误控制台?您应该会看到一条消息,它非常清楚发生了什么,即您正在使用和未定义的变量
JQuery
j
是小写。感谢我更改为JQuery,仍然会出错“未捕获引用错误:未定义jQuery”您是否检查了错误控制台?您应该会看到一条消息,它非常清楚发生了什么,即您正在使用未定义的变量
jQuery
j
是小写。感谢我已更改为jQuery,仍然会出错”未捕获引用错误:jQuery未定义“您是否检查了错误控制台?您应该会看到一条消息,它非常清楚发生了什么,即您正在使用未定义的变量
jQuery
j
是小写。感谢我改为jQuery,仍然会出错”未捕获引用错误:jQuery未定义“您是否检查了错误控制台?您应该会看到一条消息,它非常清楚发生了什么,即您正在使用未定义的变量
jQuery
j
是小写。感谢我改为jQuery,仍然会出错”未捕获引用错误:未定义jQuery“您好,谢谢!但是即使更改为jQuery,仍然会出错…”未捕获引用错误:未定义jQuery“您在使用jQuery之前是否包含了它?就这样。对于其他人的信息,请使用带有小写j的jQuery,并包含wp_head()下面的内容!!!!看起来很明显,但我没有想到wp_head()包含jQuery,但后来我记起了。非常感谢!嗨,谢谢!但是即使更改为jQuery,仍然会出错……”未捕获引用错误:jQuery未定义“您在使用jquery之前包含了它吗?就这样了。对于其他人的信息,请使用带有小写字母j的jquery,并包含wp_head()下面的内容!!看起来很明显,但我没有想到wp_head())包括jQuery,但后来我记起来了。非常感谢!您好,谢谢!但是,即使更改为jQuery,仍然会出错…”“未捕获引用错误:未定义jQuery”在使用jquery之前,您是否已经包含了它?已经完成了。对于其他人的信息,请使用带有小写字母j的jquery,并包含wp_head()下面的内容!!看起来很明显,但我没有想到wp_head()包括jQuery,但后来我记起来了。非常感谢!您好,谢谢!但是,即使更改为jQuery,仍然会出错…”“未捕获引用错误:未定义jQuery”在使用jquery之前,您是否已经包含了它?已经完成了。对于其他人的信息,请使用带有小写字母j的jquery,并包含wp_head()下面的内容!!看起来很明显,但我不认为wp_head()包含了jquery,但后来我记起来了。非常感谢!