如何停止一个“提交”按钮以运行“提交点击”功能

Question

我有一个页面，其中有Submit个按钮的数量，并且当按下任何按钮时会显示加载gif：

<script>
$(document).ready(function(){
    $(".loader").hide();
    $(".overlay").fadeOut(1000);

    $("[type='submit']").click (function(){
        $(".loader").fadeIn("fast");
        $(".overlay").fadeIn(1000);
    });
}); 
</script>

这很好但有一个按钮，我不希望显示加载gif。我已将提交设置为ID：

<form action ="https://.../csvdownload.php">
    <input type = "submit" value="CSV download" id="noloader">
</form>

php在后台运行，当前页面实际上并未从视图中删除。

如何为此Submit显示加载程序？

Answer 1

使用$(...).is()功能检查点击的元素是否具有noloader ID。

$("[type='submit']").click (function(){
    // If the clicked element isn't the noloader element
    if(!$(this).is("#noloader")){
        // Display the loader
        $(".loader").fadeIn("fast");
        $(".overlay").fadeIn(1000);
    }
});