使用 if is() addClass()/removeClass() 时出现问题

发布于 2024-12-11 20:39:36 字数 467 浏览 0 评论 0原文

我试图通过动画对齐和添加/删除类来制作滑动元素切换，而不是仅使用 .toggle() 函数。

不幸的是，我的代码不想删除或添加任何类，因为我添加了

if

$(document).ready(function() {  
    $(".slide-img-4").click(function(){
   if ("#slide4").is("mright") {
     $("#slide4").animate({ left: -610 }, "normal");
         $("#slide4").removeClass("mright");
        }
       else {
         $("#slide4").animate({ left: 610 }, "normal");
         $("#slide4").addClass("mright");
       };
    });
});

原文

I'm trying to make a sliding element toggle by animating it's alignment and adding/removing classes instead of just using the .toggle() function.

Unfortunatly my code doesn't feel like removing or adding any classes since I added the

if

$(document).ready(function() {  
    $(".slide-img-4").click(function(){
   if ("#slide4").is("mright") {
     $("#slide4").animate({ left: -610 }, "normal");
         $("#slide4").removeClass("mright");
        }
       else {
         $("#slide4").animate({ left: 610 }, "normal");
         $("#slide4").addClass("mright");
       };
    });
});

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

北笙凉宸 2024-12-18 20:39:36

将 if ("$slide4").is("mright") 更改为 if ($('#slide4').hasClass('mright'))

回复收藏 0 原文

玩套路吗 2024-12-18 20:39:36

if 语句的语法无效；条件必须用括号括起来。此外，"$slide4".is("mright") 会出现运行时错误；字符串没有 is 方法。您可能想首先选择 #slide4 作为 jQuery 对象：

$(document).ready(function () {
    $(".slide-img-4").click(function () {
        if($("#slide4").is("mright")) {
            $("#slide4").animate({
                left: -610
            }, "normal");
            $("#slide4").removeClass("mright");
        } else {
            $("#slide4").animate({
                left: 610
            }, "normal");
            $("#slide4").addClass("mright");
        };
    });
});

The syntax for the if statement is not valid; the condition must have parentheses around it. Additionally, "$slide4".is("mright") would get a runtime error; strings have no is method. You probably meant to select #slide4 as a jQuery object first:

$(document).ready(function () {
    $(".slide-img-4").click(function () {
        if($("#slide4").is("mright")) {
            $("#slide4").animate({
                left: -610
            }, "normal");
            $("#slide4").removeClass("mright");
        } else {
            $("#slide4").animate({
                left: 610
            }, "normal");
            $("#slide4").addClass("mright");
        };
    });
});

回复收藏 0 原文