Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/396.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 加上「;属性";或类到变量_Javascript_Jquery - Fatal编程技术网

Javascript 加上「;属性";或类到变量

Javascript 加上「;属性";或类到变量,javascript,jquery,Javascript,Jquery,我正在制作幻灯片。最后,我想将current类添加到我的变量中,以便下次检查 但这不起作用,我也尝试了attr,但不起作用 这是我的代码: $(function () { $('.large_image').children('img').addClass('current'); $('.product-item').click(function () { if ($('.large_image > img').hasClas

我正在制作幻灯片。最后,我想将
current
类添加到我的变量中,以便下次检查

但这不起作用,我也尝试了
attr
,但不起作用

这是我的代码:

    $(function () {
        $('.large_image').children('img').addClass('current');
        $('.product-item').click(function () {
            if ($('.large_image > img').hasClass('current')) {
                var $img = $(this).find('img').attr('data-img');
                var $slider = '<img class="dis-none" style="position:absulote;z-index:999" src=' + $img + ' />';
                $($slider).appendTo('.large_image').stop(true, true).delay(400).fadeIn(
                   function () {
                       $('.current').fadeOut(function () {
                           $(this).remove();

                       });
                   });
                $($slider).attr('class', 'current');
                $($slider).addClass('current');
            }
        })
    });
$(函数(){
$('.large_image')。children('img')。addClass('current');
$('.product项')。单击(函数(){
if($('.large_image>img').hasClass('current')){
var$img=$(this.find('img').attr('data-img');
var$slider='';
$($滑块).appendTo('.large_image').stop(true,true).delay(400).fadeIn(
函数(){
$('.current').fadeOut(函数(){
$(this.remove();
});
});
$($slider).attr('class','current');
$($slider).addClass('current');
}
})
});

有关于如何解决此问题的帮助吗?

首先,您的变量名是
$slider
,而不是
slider
。您需要在
滑块之前添加
$
$($slider)
。解决此问题后,您只需使用jQuery的方法:

jQuery还有一个
removeClass()
方法来删除该类,因此在将新幻灯片设置为“当前”之前,您可能需要调用:

$('.current').removeClass('current');

首先,变量名是
$slider
,而不是
slider
。您需要在
滑块之前添加
$
$($slider)
。解决此问题后,您只需使用jQuery的方法:

jQuery还有一个
removeClass()
方法来删除该类,因此在将新幻灯片设置为“当前”之前,您可能需要调用:

$('.current').removeClass('current');
用于添加类属性

$(slider).addClass("current");
用于添加类属性

$(slider).addClass("current");

下面是代码中的实际错误

$($slider).attr("class='current'"); //WRONG
$($slider).attr('class','current'); //RIGHT WAY
还是简单地使用方法

检查这个

addClass()
与使用 属性(“类”):

  • 这在语义上更清晰
  • 它适用于多个类
  • 显然要快得多

  • 下面是代码中的实际错误

    $($slider).attr("class='current'"); //WRONG
    $($slider).attr('class','current'); //RIGHT WAY
    
    还是简单地使用方法

    检查这个

    addClass()
    与使用 属性(“类”):

  • 这在语义上更清晰
  • 它适用于多个类
  • 显然要快得多

  • 使用添加类和删除类

    $(slider).addClass('current').siblings().removeClass('current');
    

    它还删除了当前的

    使用添加类和删除类

    $(slider).addClass('current').siblings().removeClass('current');
    

    它还删除了当前的

    谢谢,但还没有工作,我正在为您添加代码
    addClass()
    attr
    ,但不为我工作!谢谢,但还没有工作,我正在为您添加代码
    addClass()
    attr
    ,但不为我工作!谢谢你的帮助,但还没有开始工作,我也在尝试
    addClass
    attr
    ,但是我的问题没有解决。你敢在控制台中看到任何JavaScript错误吗?你确定这个类实际上没有被添加到你的
    $slider
    元素中吗?不,我也添加了警告,并告诉我:
    和class
    current
    没有被添加为什么你不在第一次创建元素时给它一个“current”类呢
    var$slider='因为在下一行中,我删除了上一张幻灯片,它包含当前类,最后我应该向下一个元素添加新的当前类;谢谢你的帮助,但还没有开始工作,我也在尝试
    addClass
    attr
    ,但是我的问题没有解决。你敢在控制台中看到任何JavaScript错误吗?你确定这个类实际上没有被添加到你的
    $slider
    元素中吗?不,我也添加了警告,并告诉我:
    和class
    current
    没有被添加为什么你不在第一次创建元素时给它一个“current”类呢
    var$slider='因为在下一行中,我删除了上一张幻灯片,它包含当前类,最后我应该向下一个元素添加新的当前类;