обратный вызов jquery - передача идентификатора после метода animate

Question

обратный вызов jquery - передача идентификатора после метода animate

0

Я попытался передать идентификатор div после того, как сделать анимационный вызов в JQUERY, чтобы исключить идентификатор, но по какой-то причине div исчезает в середине анимации :(

function onMouseOut() {

    $('#tdgoogle').mouseout(function(evento) {

        $('#div1').css("display", "block");

        $('#fotogoogle').animate({
            marginLeft : "0px"
        }, 500, callBackGoogle("div1"));

        function callBackGoogle(cadena) {

            $(cadena).css("display", "none");
        }
    });
}

Marcelo Alarcon 20 янв. 2014, в 05:14

Источник

0

Вы также можете сделать это следующим образом: var xFn = callBackGoogle('#div1'); $('#fotogoogle').animate({marginLeft : "0px"},500, xFn);
Rajaprabhu Aravindasamy 20 янв. 2014, в 04:13

Теги:

jquery

callback

3 ответа

0

используйте правильный селектор, для id вам нужно использовать #:

$(cadena).css("display", "none");

в

$("#" + cadena).css("display", "none");

Обновить:

....
$('#fotogoogle').animate({
            marginLeft : "0px"
}, 500, function() { callBackGoogle("div1")});

function callBackGoogle(cadena) {    
    $("#" + cadena).css("display", "none");
}

Sudhir Bastakoti 20 янв. 2014, в 00:48

0

THX, но все еще не работает ... function callBackGoogle (cadena) {$ ('#' + cadena) .css ("display", "none"); }
Marcelo Alarcon 20 янв. 2014, в 03:27
0

@MarceloAlarcon см. Обновление
Sudhir Bastakoti 20 янв. 2014, в 03:29

0

это может быть просто ограничение человеческого зрения. если вы замедляете анимацию, вы можете обнаружить, что она не исчезла в середине аденитации

  $('#tdgoogle').mouseout(function(evento) {
    $('#fotogoogle').css("margin-left",0);
    $('#div1').css("display", "block");

    $('#fotogoogle').animate({
        marginLeft  : "100px"
    }, 500,function(){ callBackGoogle("#div1")});

    function callBackGoogle(cadena) {
        $(cadena).css("display", "none");
    }
});

jsfiddle

caoglish 20 янв. 2014, в 00:37

Ещё вопросы

Вы также можете сделать это следующим образом: var xFn = callBackGoogle('#div1'); $('#fotogoogle').animate({marginLeft : "0px"},500, xFn);
THX, но все еще не работает ... function callBackGoogle (cadena) {$ ('#' + cadena) .css ("display", "none"); }

Andrew · Accepted Answer · 2014-01-20T02-04-00.000Z

Просто передайте функцию обертки, как это

    $('#fotogoogle').animate({
        marginLeft : "0px"
    }, 500, function() {

        callBackGoogle("div1");
    });

Также измените div1 на # div1

Отличный человек !!! Большое спасибо :)