【layer簡(jiǎn)介】

10年積累的網(wǎng)站制作、做網(wǎng)站經(jīng)驗(yàn)，可以快速應(yīng)對(duì)客戶對(duì)網(wǎng)站的新想法和需求。提供各種問(wèn)題對(duì)應(yīng)的解決方案。讓選擇我們的客戶得到更好、更有力的網(wǎng)絡(luò)服務(wù)。我雖然不認(rèn)識(shí)你，你也不認(rèn)識(shí)我。但先網(wǎng)站設(shè)計(jì)后付款的網(wǎng)站建設(shè)流程，更有明水免費(fèi)網(wǎng)站建設(shè)讓你可以放心的選擇與我們合作。

layer，一個(gè)可以讓你想到即可做到的web彈窗（層）解決方案（js組件）。layer側(cè)重于用戶靈活的自定義，為不同人的使用習(xí)慣提供動(dòng)力。其意義在于，可以讓您的頁(yè)面擁有更豐富與便捷的操作體驗(yàn)，而您只需在調(diào)用時(shí)簡(jiǎn)單地配置相關(guān)參數(shù)，即可輕松實(shí)現(xiàn)。

【注意事項(xiàng)】

一、使用時(shí)，請(qǐng)把文件夾layer整個(gè)放置在您站點(diǎn)的任何一個(gè)目錄，只需引入layer.js即可，除jQuery外，其它文件無(wú)需再引入。

二、如果您的js引入是通過(guò)合并處理或者您不想采用layer自動(dòng)獲取的絕對(duì)路徑，您可以通過(guò)layer.config()來(lái)配置（詳見(jiàn)官網(wǎng)API頁(yè)）

三、jquery需1.8+

下載layer后，把它部署到你項(xiàng)目中的任何一個(gè)目錄（當(dāng)然，我們推薦放在前端相關(guān)目錄里），你不能去挪動(dòng)layer里面的文件結(jié)構(gòu)，因?yàn)樗鼈兪遣豢刹鹕⒌慕M合。就像這樣：(特別說(shuō)明：需要把整個(gè)layer文件夾引入你的文件中，而不是單單引入layer.js文件)

你不必去管那些文件是干嘛的，你只需要認(rèn)準(zhǔn)一個(gè)文件：layer.js 沒(méi)錯(cuò)，當(dāng)你試圖在頁(yè)面呈現(xiàn)layer的時(shí)候，你應(yīng)該這樣去做：（最簡(jiǎn)單的示例）

    
        
        
        
        
    
    
        
點(diǎn)我
        
        
        
        
    

$("#btn").bind("click",function(){
        //layer.msg('點(diǎn)我的人最美！');
        layer.msg('此商品不存在或者已下架，看看其他商品吧！', {
        time: 3000
    });
});

更多示例：

    
        
        
        
        
    
    
        
點(diǎn)我.btn
        
點(diǎn)我test2
        
點(diǎn)我parentIframe
        
點(diǎn)我test4
        
點(diǎn)我test5
        
        
        
        
    

    
        
        
        
        
    
    
        
點(diǎn)我.btn
        
點(diǎn)我test2
        
點(diǎn)我parentIframe
        
點(diǎn)我test4
        
點(diǎn)我test5
        
        
點(diǎn)我test6
        
點(diǎn)我test7
        
點(diǎn)我test8
        
點(diǎn)我test9
        
        
        
        
        
    

以上就是layui-layer獨(dú)立組件-彈出層介紹的詳細(xì)內(nèi)容，更多請(qǐng)關(guān)注創(chuàng)新互聯(lián)其它相關(guān)文章！