layer.confirm()右邊按鈕如何實(shí)現(xiàn)href

這篇文章主要介紹了layer.confirm()右邊按鈕如何實(shí)現(xiàn)href，具有一定借鑒價(jià)值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

layer官方API默認(rèn)右邊按鈕=右上角X按鈕，點(diǎn)擊=關(guān)閉彈窗

此方法最終效果是右上角X保留關(guān)閉彈窗功能，并且右邊按鈕能設(shè)置（location.href=""） 等

之前試過(guò)的寫(xiě)法（錯(cuò)誤）：

layer.confirm('想去哪個(gè)網(wǎng)站？',{btn:['新浪','百度']},function(index){

layer.close(index);

location.href="http://www.sina.com" rel="external nofollow" rel="external nofollow" ; }

,function(index){

layer.close(index);

location.href="http://www.baidu.com" rel="external nofollow" rel="external nofollow" ; }

})

第二條函數(shù)相當(dāng)于右邊按鈕和X綁定在一起，不能分離

經(jīng)過(guò)審查元素，發(fā)現(xiàn)了一個(gè)強(qiáng)硬的方法，試了一下居然成功了

原理是直接給右邊按鈕綁上click事件，可以覆蓋插件效果

代碼如下：

layer.confirm('想去哪個(gè)網(wǎng)站？',{icon:3,btn:['新浪','百度']},function(index){         //這里的icon:3 是‘？'圖標(biāo)，在上次博客試出來(lái)的共存方法
layer.close(index);
  location.href="http://www.sina.com" rel="external nofollow" rel="external nofollow" ;  
})
$('.layui-layer-btn1').click(function(){              // .layui-layer-btn1 = 右邊按鈕class名
location.href="http://www.baidu.com" rel="external nofollow" rel="external nofollow" ;  
})

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“l(fā)ayer.confirm()右邊按鈕如何實(shí)現(xiàn)href”這篇文章對(duì)大家有幫助，同時(shí)也希望大家多多支持億速云，關(guān)注億速云行業(yè)資訊頻道，更多相關(guān)知識(shí)等著你來(lái)學(xué)習(xí)!