Question

在我的例子中，我有一张火箭的图像。我的目标是让它在对角线上移动，爆炸，消失，然后当点击网页时，火箭将返回其正常状态和位置。

这是我的jQuery代码：

$(document).ready(function() {
$('#rocket').click(function() {
    $(this).animate({
        left: '+=800px',
        top: '-=600px',
    });
    $('#rocket').hide('explode', {pieces: 25}, 1000);
});
});

$(document).ready(function() {
    $('#normal').click(function() {
        $('this').addClass('#rocket', 'unlaunched');
    });
});

到目前为止，移动，爆炸和消失的作品。但是，点击网页使火箭恢复正常不会。任何建议都将不胜感激。

Answer 1

您正在使用#标志。从此行$('this').addClass('rocket', 'unlaunched');

中删除此符号

试试这个：

＆＃13;

$(document).ready(function() {
  $('#rocket').click(function() {
        $(this).animate({
          left: '+=800px',
          top: '-=600px'
        });
    $('#rocket').hide('explode', {pieces: 25}, 1000);
  });
  
  
    $('#normal').click(function() {
        $('this').addClass('rocket', 'unlaunched');
    });
});

＆＃13;

Answer 2

您只是使用this关键字定位错误的内容。

以下是如何在jQuery中为元素添加类：

$(document).ready(function() {
    $('#normal').click(function() {
        $('#rocket').addClass('unlaunched');
    });
});

看看我的jsfiddle，它可以帮助你！

https://jsfiddle.net/1k3oxjmh/

Answer 3

在您的文档就绪功能中，您需要再次显示火箭：

$(document).ready(function() {
    $('#normal').click(function() {
        $('#rocket').show();
    });
});

如何使用jQuery向图像添加类？

3 个答案: