如何从运行提交点击功能中停止一个提交按钮

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);
    }
});

如何从运行提交点击功能中停止一个提交按钮

How to stop one Submit button from running the Submit Click function

javascript

如何从 运行 提交点击功能中停止一个提交按钮

How to stop one Submit button from running the Submit Click function

javascript

如何从运行提交点击功能中停止一个提交按钮