jquery - 表单控件使用 JQuery 触发动画

Question

我有一个ul，我有 3 个li用作容器并且是动画的。两个边缘li将有一些来自控件（选择和按钮）。我的问题是使用控件会触发我不想要的动画。这是一个示例小提琴。如何防止选择触发动画？谢谢

Answer 1

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

$('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; }
    ...
});