表单控件使用JQuery触发动画

表单控件使用JQuery触发动画,jquery,jquery-animate,Jquery,Jquery Animate,我有一个ul,其中我有3个li,用作容器并设置动画。两个边缘li将有一些来自控件(选择和按钮)。我的问题是使用控件会触发我不想要的动画。这里有一个例子。如何防止“选择”触发动画?感谢如果事件目标是有问题的选择,请阻止该行为 $('li#side-controls-container').on('click', function(){ if ($(event.target).is('select')) { return; } ... }); 建议: 如果你计划有多个控件,你可以

我有一个
ul
,其中我有3个
li
,用作容器并设置动画。两个边缘
li
将有一些来自控件(选择和按钮)。我的问题是使用控件会触发我不想要的动画。这里有一个例子。如何防止“选择”触发动画?感谢

如果事件目标是有问题的选择,请阻止该行为

$('li#side-controls-container').on('click', function(){
    if ($(event.target).is('select')) { return; }
    ...
});

建议:

<>如果你计划有多个控件,你可以考虑给他们一个特定的类。然后可以检查事件目标是否具有该类,而不是检查它是否是特定类型的元素

$('li#side-controls-container').on('click', function(){
    if ($(event.target).is('.container-control')) { return; }
    ...
});

当与下拉菜单(Chrome)交互时,我没有得到动画效果。您的问题中也应该直接包含来自fiddle的代码,以防JSFIDLE出现问题。使用event.target属性确保触发事件的元素与将事件绑定到的元素相同。