如何阻止一个Submit按钮运行Submit Click功能

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

本文关键字:Submit 按钮 运行 Click 功能 一个 何阻止      更新时间:2024-03-25

我有一个页面,其中有许多Submit按钮,当按下任何按钮时都会显示加载gif:

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

这工作得很好,但有一个按钮,我不想显示加载的gif。我已将Submit设置为具有ID:

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

php在后台运行,当前页面实际上并没有离开视图。

如何使加载程序不显示此Submit

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