2014-10-02 104 views
1

你好我可以問一個使用js小提琴的工作示例來顯示一個顯示吐司的成功消息嗎?我無法綁定吐司並將其包含在我的網頁中。如果有人能夠解釋如何在jsp頁面上點擊按鈕時顯示吐司消息,我會感謝你。 感謝在jsp頁面中顯示吐司消息

回答

2

使用Toastr,看到demos

在頭部標記中,添加CSS:

<head> 
    <link href="//cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/css/toastr.min.css" rel="stylesheet" /> 
</head> 

在身體標記,添加js文件:

<body> 
    <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js" ></script> 
    <script src="//cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/js/toastr.min.js"></script> 
    <script>$('#invokesToastMessage').click(function() { toastr.success('message', 'title'); });</script> 
</body> 

後,只需使用,請嘗試:

<button id="invokesToastMessage"> 
+0

謝謝很多!!!拯救了我的一天 – 2014-10-02 17:39:36

+0

@ankurjain這沒關係。別客氣。 – 2014-10-02 18:56:01