yii2.0 pjax刷新 toastr 提示框重復(fù)提示

wangtdgoodluck 發(fā)布于2019-06-27 14:18 / 3742人閱讀

摘要：如題在同一頁面用刷新，會(huì)出現(xiàn)提示框重復(fù)提示。刷新代碼如下操作成功頁面多次提示效果圖一開始用了清除隊(duì)列沒有效果還是出現(xiàn)多個(gè)提示框。后來使用解決多次彈出的問題。

如題在同一頁面用pjax刷新，會(huì)出現(xiàn)提示框重復(fù)提示。

pajx刷新代碼如下：

function message_pjax(){
    var container = $("#dynagrid-message");
    $.pjax.reload({container:"#dynagrid-message-pjax"});
    
    container.on("pjax:success",function(args){
        toastr.clear();
        toastr.success("操作成功");
    });
}

頁面多次提示效果圖：

一開始用了toastr.clear() 清除隊(duì)列沒有效果還是出現(xiàn)多個(gè)提示框。后來使用toast.cancel() 解決多次彈出的問題。

function message_pjax(){
    var container = $("#dynagrid-message");
    $.pjax.reload({container:"#dynagrid-message-pjax"});
    
    container.on("pjax:success",function(args){
        toastr.success("操作成功");
        toast.cancel();
    });
}

希望對(duì)大家有些幫助。

資料網(wǎng)站https://github.com/CodeSeven/...

GPU云服務(wù)器云服務(wù)器重復(fù)提示提示框刪除提示框搜索框提示

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/21918.html

相關(guān)文章

yii2.0 pjax刷新 toastr 提示框 重復(fù)提示

摘要：如題在同一頁面用刷新，會(huì)出現(xiàn)提示框重復(fù)提示。刷新代碼如下操作成功頁面多次提示效果圖一開始用了清除隊(duì)列沒有效果還是出現(xiàn)多個(gè)提示框。后來使用解決多次彈出的問題。如題在同一頁面用pjax刷新，會(huì)出現(xiàn)提示框重復(fù)提示。 pajx刷新代碼如下： function message_pjax(){ var container = $(#dynagrid-message); $...

wua_wua2012 2019-08-20 10:19 評(píng)論0 收藏0
Yii2.0 模態(tài)彈出框+ajax提交表單2

摘要：上一章介紹了模態(tài)框的的添加彈出和驗(yàn)證，本章對(duì)上一章做個(gè)補(bǔ)充。代碼如下按鈕效果圖模態(tài)框代碼然后我們修改控制器中的方法，把改為模態(tài)框效果圖表單添加提交表單代碼驗(yàn)證代碼驗(yàn)證規(guī)則效果如下這樣就實(shí)現(xiàn)了提交表單。上一章 https://segmentfault.com/a/11... 介紹了模態(tài)框的的添加彈出和models驗(yàn)證，本章對(duì)上一章做個(gè)補(bǔ)充。代碼如下：按鈕效果...

nanchen2251 2019-08-19 18:46 評(píng)論0 收藏0
Yii2.0 模態(tài)彈出框+ajax提交表單2

摘要：上一章介紹了模態(tài)框的的添加彈出和驗(yàn)證，本章對(duì)上一章做個(gè)補(bǔ)充。代碼如下按鈕效果圖模態(tài)框代碼然后我們修改控制器中的方法，把改為模態(tài)框效果圖表單添加提交表單代碼驗(yàn)證代碼驗(yàn)證規(guī)則效果如下這樣就實(shí)現(xiàn)了提交表單。上一章 https://segmentfault.com/a/11... 介紹了模態(tài)框的的添加彈出和models驗(yàn)證，本章對(duì)上一章做個(gè)補(bǔ)充。代碼如下：按鈕效果...

sumory 2019-07-01 14:17 評(píng)論0 收藏0
laravel框架學(xué)習(xí)之路（二）pjax的使用

摘要：繼第一篇文章發(fā)布之后框架學(xué)習(xí)之路一前后臺(tái)用戶認(rèn)證分離，忙著項(xiàng)目上的事情，一直沒有時(shí)間寫文章。進(jìn)入到新公司后，忙里偷閑，繼續(xù)我的框架學(xué)習(xí)之路。附件筆者的布局全局文件整頁刷新時(shí)，菜單顯示刪除按鈕確定刪除此項(xiàng)確定取消繼第一篇文章發(fā)布之后laravel框架學(xué)習(xí)之路（一）前后臺(tái)用戶認(rèn)證分離，忙著項(xiàng)目上的事情，一直沒有時(shí)間寫文章。進(jìn)入到新公司后，忙里偷閑，繼續(xù)我的laravel框架學(xué)習(xí)之路。如需...

lily_wang 2019-07-01 12:29 評(píng)論0 收藏0
laravel框架學(xué)習(xí)之路（二）pjax的使用

摘要：繼第一篇文章發(fā)布之后框架學(xué)習(xí)之路一前后臺(tái)用戶認(rèn)證分離，忙著項(xiàng)目上的事情，一直沒有時(shí)間寫文章。進(jìn)入到新公司后，忙里偷閑，繼續(xù)我的框架學(xué)習(xí)之路。附件筆者的布局全局文件整頁刷新時(shí)，菜單顯示刪除按鈕確定刪除此項(xiàng)確定取消繼第一篇文章發(fā)布之后laravel框架學(xué)習(xí)之路（一）前后臺(tái)用戶認(rèn)證分離，忙著項(xiàng)目上的事情，一直沒有時(shí)間寫文章。進(jìn)入到新公司后，忙里偷閑，繼續(xù)我的laravel框架學(xué)習(xí)之路。如需...

gotham 2019-08-22 17:28 評(píng)論0 收藏0