表单控件使用JQuery触发动画

Question

我有ul，其中我有3 li作为容器并且是动画的。两个边li将有一些来自控件（选择和按钮）。我的问题是使用控件触发我不想要的动画。这是一个例外fiddle。如何阻止select触发动画？谢谢

Answer 1

如果事件目标是有问题的选择，则阻止该行为。

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

<强> DEMO

<强>建议：

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

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