layer.confirm()右邊按鈕實現(xiàn)href的例子
更新時間：2019年09月27日 16:15:40 作者：IdealWhite
今天小編就為大家分享一篇layer.confirm()右邊按鈕實現(xiàn)href的例子，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
layer官方API默認右邊按鈕=右上角X按鈕，點擊=關閉彈窗
此方法最終效果是右上角X保留關閉彈窗功能，并且右邊按鈕能設置（location.href=""） 等
之前試過的寫法（錯誤）：
layer.confirm('想去哪個網(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ù)相當于右邊按鈕和X綁定在一起，不能分離
經(jīng)過審查元素，發(fā)現(xiàn)了一個強硬的方法，試了一下居然成功了
原理是直接給右邊按鈕綁上click事件，可以覆蓋插件效果
代碼如下：
layer.confirm('想去哪個網(wǎng)站？',{icon:3,btn:['新浪','百度']},function(index){ //這里的icon:3 是‘？'圖標，在上次博客試出來的共存方法
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()右邊按鈕實現(xiàn)href的例子就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
表單提交前觸發(fā)函數(shù)返回true表單才會提交
這篇文章主要介紹了表單提交前觸發(fā)函數(shù)當返回true表單才會提交的具體實現(xiàn),需要的朋友可以參考下2014-03-03
這篇文章主要介紹了基于JavaScript介紹性能爆表的SolidJS，文章圍繞主題展開詳細的內容介紹，具有一定的參考價值，需要的朋友可以參考一下2022-09-09
這篇文章主要介紹了JavaScript常用驗證函數(shù),實例匯總了如字符串驗證、表單驗證及js常用特效等諸多js常用驗證函數(shù)及相關技巧,非常具有實用價值,需要的朋友可以參考下2014-11-11
filter是new一個新的array，這篇文章主要介紹了javascipt filter過濾介紹及使用,需要的朋友可以參考下2014-09-09
JavaScript生成器函數(shù)Generator解決異步操作問題
這篇文章主要為大家介紹了JavaScript生成器函數(shù)Generator解決異步操作問題示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-10-10
uniapp中使用vuex的過程(解決uniapp無法在data和template中獲取vuex數(shù)據(jù)問題)
這篇文章主要介紹了uniapp中使用vuex（解決uniapp無法在data和template中獲取vuex數(shù)據(jù)問題）,本文通過實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2023-05-05
今天小編就為大家分享一篇解決layer.open后laydate失效的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
在 JavaScript 中保留小數(shù)點后兩位的方法
在 JavaScript 中,有多種方法可以保留小數(shù)點后兩位,本文給大家分享比較常用的方法,文末給大家介紹了實現(xiàn)數(shù)據(jù)格式化保留兩位小數(shù)的多種方法,感興趣的朋友一起看看吧2023-10-10
這篇文章主要為大家詳細介紹了three.js實現(xiàn)3D視野縮放效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-11-11
這篇文章主要介紹了JS call()及apply()方法使用實例匯總,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2020-07-07