Анимация Jquery не работает с несколькими аргументами

Question

Анимация Jquery не работает с несколькими аргументами

0

По какой-то причине этот код не работает.

 $(document).mouseup(function (e)
{
    var container = $("#shopping-cart");

    if (!container.is(e.target) // if the target of the click isn't the container...
        && container.has(e.target).length === 0) // ... nor a descendant of the container
    {
        container.hide('slide', {direction: 'left'}, 1400);
    }
});

Однако этот код работает.

$(document).mouseup(function (e)
{
    var container = $("#shopping-cart");

    if (!container.is(e.target) // if the target of the click isn't the container...
        && container.has(e.target).length === 0) // ... nor a descendant of the container
    {
        container.hide(500);
    }
});

Кто-нибудь здесь знает, почему?

Agrippa 29 март 2014, в 17:37

Источник

1

Это работает здесь, но вам нужно включить jQuery UI, как предложено @Stilly.stack.Stilly.stack. Кстати, лучше было бы использовать: if (!$(e.target).closest(container).length) . Смотрите: jsfiddle.net/4dbYX
A. Wolff 29 март 2014, в 16:28
0

Я на самом деле забыл добавить библиотеку JQuery UI, спасибо
user3476154 29 март 2014, в 16:31

Теги:

jquery

1 ответ

Ещё вопросы

Это работает здесь, но вам нужно включить jQuery UI, как предложено @Stilly.stack.Stilly.stack. Кстати, лучше было бы использовать: if (!$(e.target).closest(container).length) . Смотрите: jsfiddle.net/4dbYX
Я на самом деле забыл добавить библиотеку JQuery UI, спасибо

Devima · Accepted Answer · 2014-03-29T15-19-00.000Z

Вы ввели ссылку jQuery UI?

<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>

с этим scode, если вы нажмете на кузове телеги, исчезните

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style>
#shopping-cart{
    background-color: #093;
    float: left;
    height: 500px;
    width: 500px;
}
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>
<script type="text/javascript">
$(document).mouseup(function (e){
    var container = $("#shopping-cart");
    if (!container.is(e.target) && container.has(e.target).length === 0){
        container.hide('slide', {direction: 'left'}, 1400);
    }
});
</script>
</head>
<body>
<div id="shopping-cart">aaaaaa</div>
</body>
</html>