使用CSS,JS和asp.net显示吐司

时间:2018-03-16 09:15:39

标签: javascript css asp.net toast

我有一个toast.js文件,其中包含以下代码:

$(document).ready(function() {
  $(".tstInfo").on("click",function(){
       $.toast({
        heading: 'Welcome to my Elite admin',
        text: 'Use the predefined ones, or specify a custom position object.',
        position: 'top-right',
        loaderBg:'#ff6849',
        icon: 'info',
        hideAfter: 3000, 
        stack: 6
      });

 });});

在我的aspx页面上,我有按钮

 <asp:Button ID="btnShow" runat="server" Text="Show" Font-Bold="true" CssClass="tstInfo btn-primary" OnClick="btnShow_Click" />

现在我想在点击按钮时调用js函数。有人可以告诉我该怎么做。 提前致谢

2 个答案:

答案 0 :(得分:3)

 <asp:Button ID="btnShow" runat="server" Text="Show" Font-Bold="true" CssClass="tstInfo btn-primary" OnClick="btnShow_Click" />

在您的代码中将btnShow替换为tstInfo它将起作用并删除OnClick

答案 1 :(得分:1)

您可以像这样使用OnClientClick

OnClientClick="javascript:alert('Hello')"