快捷導(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ò)的寫法（錯(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)文章

基于touch.js手勢(shì)庫(kù)+zepto.js插件開(kāi)發(fā)圖片查看器（滑動(dòng)、縮放、雙擊縮放）
這篇文章主要為大家詳細(xì)介紹了touch.js手勢(shì)庫(kù)結(jié)合zepto.js插件開(kāi)發(fā)圖片查看器，圖片可以實(shí)現(xiàn)滑動(dòng)、縮放、雙擊縮放等效果，
2016-11-11
利用css+原生js制作簡(jiǎn)單的鐘表
這篇文章主要為大家詳細(xì)介紹了如何利用css+原生js制作簡(jiǎn)單的鐘表，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2016-07-07
javascript實(shí)現(xiàn)html頁(yè)面之間參數(shù)傳遞的四種方法實(shí)例分析
這篇文章主要介紹了javascript實(shí)現(xiàn)html頁(yè)面之間參數(shù)傳遞的四種方法,結(jié)合實(shí)例形式較為詳細(xì)的分析了JavaScript實(shí)現(xiàn)頁(yè)面之間參數(shù)傳遞的常用技巧,需要的朋友可以參考下
2015-12-12
javascript實(shí)現(xiàn)checkBox的全選，反選與賦值
這篇文章主要介紹了javascript實(shí)現(xiàn)checkBox的全選，反選與賦值的方法，以實(shí)例形式詳細(xì)分析了實(shí)現(xiàn)的思路及對(duì)應(yīng)的html與js代碼的實(shí)現(xiàn)過(guò)程
2015-03-03
基于Bootstrap3表格插件和分頁(yè)插件實(shí)例詳解
這篇文章主要介紹了基于Bootstrap3表格插件和分頁(yè)插件實(shí)例詳解的相關(guān)資料,需要的朋友可以參考下
2016-05-05
深入淺出webpack教程系列_安裝與基本打包用法和命令參數(shù)詳解
下面小編就為大家?guī)?lái)一篇深入淺出webpack教程系列_安裝與基本打包用法和命令參數(shù)詳解。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就想給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2017-09-09
Egg Vue SSR 服務(wù)端渲染數(shù)據(jù)請(qǐng)求與asyncData
這篇文章主要介紹了Egg Vue SSR 服務(wù)端渲染數(shù)據(jù)請(qǐng)求與asyncData，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2019-11-11
Echarts通過(guò)dataset數(shù)據(jù)集實(shí)現(xiàn)創(chuàng)建單軸散點(diǎn)圖
這篇文章主要為大家詳細(xì)介紹了Echarts如何通過(guò)dataset數(shù)據(jù)集實(shí)現(xiàn)創(chuàng)建單軸散點(diǎn)圖，文中的示例代碼講解詳細(xì)，感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下
2023-02-02
js如何獲取當(dāng)前網(wǎng)站的協(xié)議、域名、端口號(hào)
文章介紹了如何使用JavaScript的window.location對(duì)象獲取當(dāng)前網(wǎng)站的協(xié)議、域名、端口號(hào),并提供了示例代碼,此外,還介紹了如何將這些部分組合成一個(gè)完整的URL
2025-01-01
純js實(shí)現(xiàn)html轉(zhuǎn)pdf的簡(jiǎn)單實(shí)例(推薦)
下面小編就為大家?guī)?lái)一篇純js實(shí)現(xiàn)html轉(zhuǎn)pdf的簡(jiǎn)單實(shí)例(推薦)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2017-02-02