JQuery несколько кликов на одном div с анимированным кликом - PullRequest
Новая
       31

JQuery несколько кликов на одном div с анимированным кликом

0 голосов
/ 10 июля 2011

У меня есть анимация jQuery с использованием эффектов наведения, но затем щелкните, чтобы отобразить изображение, и щелкните, чтобы скрыть изображение.Я хотел бы иметь возможность добавить ссылку в div для перехода к источнику, однако весь div контролируется анимацией, чтобы закрыть изображение.

Как я могу добавить клик href внутри того же самогоDIV?Вот тестовая разработка http://mediacrunch.com/nick/animate6.htm

Это часть кода установки перед событиями нажатия 

$(function(){
    $("#wrapperimghov").hide();
    $("#wrapperimghov").fadeIn(6000);
    $("img", this).hide();
    $("png", this).show();
    $(".divhov").hover(animated1, animated2);       
    $(".divhov") .toggle(animated3, animated4);

}
);

function animated1() {

    $( this ).hoverFlow( 'mouseenter', { width: "30px", height:"420px" }, { queue: false, duration: 1000  });

}
function animated2() {

    $( this ).delay(1200) .hoverFlow( 'mouseleave', { width: "10px" , height:"320px" }, { queue: false, duration: 1800});
$("img", this).fadeOut(1800), fadeoutcallback();

}

Теперь это события нажатия 

    function animated3() {
    $( this ).animate( { width: "420px", height:"420px" }, { queue: false, duration: 800 });
    $("img", this).fadeIn("slow"), fadeoutcallback();
}
function animated4() {
    $( this ).animate( { width: "10px" , height:"320px" }, { queue: false, duration: 800 });
    $("img", this).fadeOut("slow"), fadeoutcallback();

}

function fadeoutcallback(){
$("img", this).hide();
}

Итак, я предполагаю, что мне нужен еще один div, каким-то образом вложенный вне div с активируемым кликом, или, это вопрос на миллион долларов, можно мне другой указатель мыши, указывающий другое состояние, показывающее ссылку на href?

1 Ответ

0 голосов
/ 11 июля 2011

http://jsfiddle.net/ave3q/

остановить событие нажатия с помощью ev.stopPropagation()

...