layer.confirm()右邊按鈕實(shí)現(xiàn)href的例子
layer官方API默認(rèn)右邊按鈕=右上角X按鈕,點(diǎn)擊=關(guān)閉彈窗
此方法最終效果是右上角X保留關(guān)閉彈窗功能,并且右邊按鈕能設(shè)置(location.href="") 等
之前試過的寫法(錯(cuò)誤):
layer.confirm('想去哪個(gè)網(wǎng)站?',{btn:['新浪','百度']},function(index){ layer.close(index); location. rel="external nofollow" rel="external nofollow" ; } ,function(index){ layer.close(index); location. rel="external nofollow" rel="external nofollow" ; } })
第二條函數(shù)相當(dāng)于右邊按鈕和X綁定在一起,不能分離
經(jīng)過審查元素,發(fā)現(xiàn)了一個(gè)強(qiáng)硬的方法,試了一下居然成功了
原理是直接給右邊按鈕綁上click事件,可以覆蓋插件效果
代碼如下:
layer.confirm('想去哪個(gè)網(wǎng)站?',{icon:3,btn:['新浪','百度']},function(index){ //這里的icon:3 是‘?'圖標(biāo),在上次博客試出來的共存方法 layer.close(index); location. rel="external nofollow" rel="external nofollow" ; }) $('.layui-layer-btn1').click(function(){ // .layui-layer-btn1 = 右邊按鈕class名 location. rel="external nofollow" rel="external nofollow" ; })
以上這篇layer.confirm()右邊按鈕實(shí)現(xiàn)href的例子就是小編分享給大家的全部內(nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
- 解決layer.confirm快速點(diǎn)擊會(huì)重復(fù)觸發(fā)事件的問題
- 解決layer.confirm選擇完之后消息框不消失的問題
- layer.confirm點(diǎn)擊第一個(gè)按鈕關(guān)閉彈出框的方法
- layer.confirm取消按鈕綁定事件的方法
- layui點(diǎn)擊按鈕頁面會(huì)自動(dòng)刷新的解決方案
- 關(guān)于layui 實(shí)現(xiàn)點(diǎn)擊按鈕添加一行(方法渲染創(chuàng)建的table)
- 在Layui中實(shí)現(xiàn)開關(guān)按鈕的效果實(shí)例
- 解決layui頁面按鈕點(diǎn)擊無反應(yīng),也不報(bào)錯(cuò)的問題
- layui的layer.confirm如何獲取按鈕焦點(diǎn)
相關(guān)文章
表單提交前觸發(fā)函數(shù)返回true表單才會(huì)提交
這篇文章主要介紹了表單提交前觸發(fā)函數(shù)當(dāng)返回true表單才會(huì)提交的具體實(shí)現(xiàn),需要的朋友可以參考下2014-03-03JavaScript常用驗(yàn)證函數(shù)實(shí)例匯總
這篇文章主要介紹了JavaScript常用驗(yàn)證函數(shù),實(shí)例匯總了如字符串驗(yàn)證、表單驗(yàn)證及js常用特效等諸多js常用驗(yàn)證函數(shù)及相關(guān)技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2014-11-11JavaScript生成器函數(shù)Generator解決異步操作問題
這篇文章主要為大家介紹了JavaScript生成器函數(shù)Generator解決異步操作問題示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-10-10uniapp中使用vuex的過程(解決uniapp無法在data和template中獲取vuex數(shù)據(jù)問題)
這篇文章主要介紹了uniapp中使用vuex(解決uniapp無法在data和template中獲取vuex數(shù)據(jù)問題),本文通過實(shí)例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2023-05-05在 JavaScript 中保留小數(shù)點(diǎn)后兩位的方法
在 JavaScript 中,有多種方法可以保留小數(shù)點(diǎn)后兩位,本文給大家分享比較常用的方法,文末給大家介紹了實(shí)現(xiàn)數(shù)據(jù)格式化保留兩位小數(shù)的多種方法,感興趣的朋友一起看看吧2023-10-10JS call()及apply()方法使用實(shí)例匯總
這篇文章主要介紹了JS call()及apply()方法使用實(shí)例匯總,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-07-07