快捷導(dǎo)航

layer.confirm()右邊按鈕實(shí)現(xiàn)href的例子

更新時(shí)間：2019年09月27日 16:15:40 作者：IdealWhite

今天小編就為大家分享一篇layer.confirm()右邊按鈕實(shí)現(xiàn)href的例子，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧

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. rel="external nofollow" rel="external nofollow" ; }

,function(index){

layer.close(index);

location. 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. 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的例子就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

表單提交前觸發(fā)函數(shù)返回true表單才會(huì)提交
這篇文章主要介紹了表單提交前觸發(fā)函數(shù)當(dāng)返回true表單才會(huì)提交的具體實(shí)現(xiàn),需要的朋友可以參考下
2014-03-03
基于JavaScript介紹性能爆表的SolidJS
這篇文章主要介紹了基于JavaScript介紹性能爆表的SolidJS，文章圍繞主題展開(kāi)詳細(xì)的內(nèi)容介紹，具有一定的參考價(jià)值，需要的朋友可以參考一下
2022-09-09
JavaScript常用驗(yàn)證函數(shù)實(shí)例匯總
這篇文章主要介紹了JavaScript常用驗(yàn)證函數(shù),實(shí)例匯總了如字符串驗(yàn)證、表單驗(yàn)證及js常用特效等諸多js常用驗(yàn)證函數(shù)及相關(guān)技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下
2014-11-11
javascipt:filter過(guò)濾介紹及使用
filter是new一個(gè)新的array，這篇文章主要介紹了javascipt filter過(guò)濾介紹及使用,需要的朋友可以參考下
2014-09-09
JavaScript生成器函數(shù)Generator解決異步操作問(wèn)題
這篇文章主要為大家介紹了JavaScript生成器函數(shù)Generator解決異步操作問(wèn)題示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2023-10-10
uniapp中使用vuex的過(guò)程(解決uniapp無(wú)法在data和template中獲取vuex數(shù)據(jù)問(wèn)題)
這篇文章主要介紹了uniapp中使用vuex（解決uniapp無(wú)法在data和template中獲取vuex數(shù)據(jù)問(wèn)題）,本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
2023-05-05
解決layer.open后laydate失效的問(wèn)題
今天小編就為大家分享一篇解決layer.open后laydate失效的問(wèn)題，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
2019-09-09
在 JavaScript 中保留小數(shù)點(diǎn)后兩位的方法
在 JavaScript 中,有多種方法可以保留小數(shù)點(diǎn)后兩位,本文給大家分享比較常用的方法,文末給大家介紹了實(shí)現(xiàn)數(shù)據(jù)格式化保留兩位小數(shù)的多種方法,感興趣的朋友一起看看吧
2023-10-10
three.js實(shí)現(xiàn)3D視野縮放效果
這篇文章主要為大家詳細(xì)介紹了three.js實(shí)現(xiàn)3D視野縮放效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-11-11
JS call()及apply()方法使用實(shí)例匯總
這篇文章主要介紹了JS call()及apply()方法使用實(shí)例匯總,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
2020-07-07