Question

我希望我的<h2>元素移动到页面的中心，但这不是我现在所困扰的内容。我希望它在我点击它时移动，当我第二次点击它时，我想让它回去。

$(document).ready(function(){
    $('.sectiontitel').on('click', '.on', function(){ 
        $(this).removeClass('on');
        $(this).addClass('off');

        $(this).find('span').animate({
            'margin-left': '350px',
        },200);
    });

    $('.sectiontitel').on('click', '.off', function(){ 
        $(this).removeClass('off');
        $(this).addClass('on');

        $(this).find('span').animate({
            'margin-right': '350px',
        },200);
    });
});

这是我到目前为止创建的代码，并没有给出任何错误，但它也没有。

Jfiddle：

http://jsfiddle.net/uohu0r2o/1/

Answer 1

<强> Working demo

行为：点击Lunch标题，您会看到该动作。

2个关键方面：

on和off即时添加，因此我已在.sectiontitle
我使用left: 0px

~~第3，你在title中有拼写错误，请注意它会慢慢爬进你的代码库~~ #locales

希望休息有助于您的需求:)

<强>码

$(document).ready(function(){
    $(document).on('click', '.sectiontitel', function(){ 
        $(this).removeClass('on');
        $(this).addClass('off');

        $(this).find('span').animate({
            'margin-left': '350px',
        },200);
    });

    $(document).on('click', '.off', function(){ 
        $(this).removeClass('off');
        $(this).addClass('on');

        $(this).find('span').animate({
            'margin-left': '0px',
        },200);
    });
});

Jquery函数不起作用但没有错误

1 个答案: