Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Помогите решить простую задачу (https://javascript.ru/forum/misc/60230-pomogite-reshit-prostuyu-zadachu.html)

майрбек95 18.12.2015 09:05

Помогите решить простую задачу
 
Доброго времени суток! Есть кнопка с классом "wish wadd" при нажатии класс сменяется на "wish wadd" без обновления страницы при повторном нажатии опять класс становиться "wish wdel" и так по кругу, мне нужно чтобы если класс "wish wadd" js код внизу срабатывал а если "wish wdel" ничего не происходило (чтобы было это без обновления страницы), помогите пожалуйста.

$(function() {
    $("Класс кнопки").click(function(event) {
        event.preventDefault();
        var parent = $(this).parents(".list-item"),
            pos = $(this).offset();
        $(".gphoto", parent).clone().css({
            "position": "absolute",
            "z-index": "9999",
            "left": pos.left,
            "top": pos.top
        }).appendTo("body").animate({
            opacity: .4,
            marginLeft: 700,
            marginTop: -600,
            width: 80,
            height: 80
        }, 1E3, function() {
            $(this).remove()
        })
    })
});

рони 18.12.2015 09:21

майрбек95,
зачем темы плодить?

майрбек95 18.12.2015 09:24

Прошу прощенья мне просто показалось что так ответ быстрее получи. В следующий раз не буду

рони 18.12.2015 10:03

Цитата:

Сообщение от майрбек95
Есть кнопка с классом "wish wadd" при нажатии класс сменяется на "wish wadd"

:blink:

рони 18.12.2015 10:12

майрбек95,
$(function() {
    $(".wadd").click(function(event) {
        event.preventDefault();
        var del = $(this).is(".wdel");
        $(this).toggleClass("wadd wdel");
        if (del) return;
        var parent = $(this).parents(".list-item"),
            pos = $(this).offset();
        $(".gphoto", parent).clone().css({
            "position": "absolute",
            "z-index": "9999",
            "left": pos.left,
            "top": pos.top
        }).appendTo("body").animate({
            opacity: .4,
            marginLeft: 700,
            marginTop: -600,
            width: 80,
            height: 80
        }, 1E3, function() {
            $(this).remove()
        })
    })
});


Часовой пояс GMT +3, время: 11:58.