如何在 asp.net C# 中调用 jQuery 函数调用

本文关键字：调用 jQuery 函数调用 net asp | 更新日期: 2023-09-27 18:35:56

我想在 c# 中执行每个回发时显示除法 5 秒钟。我正在使用下面的函数来做到这一点，但它不起作用。

我在 c# 中的页面加载中使用此代码。

Page.ClientScript.RegisterStartupScript(Page.GetType(), "PostbackClick", "setTimeout(function() { $('#correct').fadeOut(1500); }, 5000)", true);

在 ASPX 页中

<script type='text/javascript' src='Scripts/scripts/jquery.min.js'></script>
<script type="text/javascript">
    $(document).ready(function () {
        $('#correct').hide();
    });
</script>
<img alt="" id="correct" src="Que-img/correct.png" />

如何在 asp.net C# 中调用 jQuery 函数调用

使用 

    RegisterClientScriptBlock(Page.GetType(), "PostbackClick", "$(document).ready(function(){
setTimeout(function() { $('#correct').fadeIn(1500); }, 5000)});", true)

因为在使用jquery选择器之前，你必须等待JQuery.ready。RegisterStartupScript 实际上发生在 jquery 就绪之前。在我的回答中，您的设置计时器将在 jquery ready 上执行

您已经在document.ready function中隐藏了图像

<script>
    $(document).ready(function () {
        //$('#correct').hide(); // remove this line or comment 
        // because fadeOut will work on visible elements
       function hideImage() {
           setTimeout(function() { $('#correct').fadeOut(1500); }, 5000);
       };
    });
</script>

在 C# 中

Page.ClientScript.RegisterStartupScript(Page.GetType(),"PostbackClick", "script",
                                        "hideImage();" true);

如何从C#调用Jquery将帮助您

我想我遇到了你的问题...修改您的代码，如下所示

$(document).ready(function () {
     $('#correct').hide();
    $('#btnId').click(function(){
          $('#correct').show();
          setTimeout(function() { $('#correct').fadeOut(1500); }, 5000);
    });
});

并删除

Page.ClientScript.RegisterStartupScript(Page.GetType(), "PostbackClick", "setTimeout(function() { $('#correct').fadeOut(1500); }, 5000)", true);

这是演示

相关文章：