layer彈出相簿層

2022-07-12 07:57:10 字數 1299 閱讀 8562

如果想要製作乙個簡單的相簿,可以採用這個外掛程式的方法。如果你的是從後台傳過來的json格式裡,可以通過ajax載入讓顯示在頁面上,然後在使用layer外掛程式,做出點選以後就可以檢視大圖的效果。

1.頁面

<

div

class

="main"

id="main"

>

div>

2.ajax請求

$(document).ready(

function

() },

});})

3.頁面效果

二、使用layer外掛程式做出**彈出

1、引入檔案

這裡我要說一些注意事項:

(1)、可能有些**還會引入layer.ext.js這個檔案,其實是不需要引入的,但是這個檔案是有用的,還是要有這個檔案的。layer.css這個檔案也是要有的,但是也不需要引入。

2、ajax載入完成後設定彈出層。

$(document).ready(function

() ;!function

());

};});

}();

},});

})

這個資料載入成功以後的函式是即時函式,並且我們不需要通過迴圈給每個新增點選事件。

3、效果如圖。

三、(1)這是非常重要的一點,可能會出現的錯誤layer.use is not a function

原因是我們引入資料夾的路徑不對。layer.min.js檔案和layer.ext.js檔案如果在同乙個路徑下,那麼,**中layer.use('layer.ext.js', function(){這一行就是直接寫layer.ext.js就可以了。如果是這樣的關係,如圖:

如果是這樣的關係,那麼**就是layer.use('extend/layer.ext.js', function(){。

(2)、如果遇到這樣的錯誤,就是我們的樣式檔案路徑不對。

這個skin檔案的路徑也是相對於layer.min.js檔案的。必須放在同級。只要保證相對路徑是這樣的就可以了。

如果有興趣可以找找原因,為什麼需要這麼放,或者親自試一試,看看到底需要怎麼部署。

總之,大膽的嘗試。行動使一切成為可能。

layer關閉彈出層,彈出列印

常規的話,下面能夠完成關閉彈出層 var index parent.layer.getframeindex window.name 延遲關閉 解決列印視窗彈不出來的情況 parent.layer.close index 可是當這裡需要關閉的同時彈出列印視窗的時候,就會發現失效了,能關閉,可是列印視窗...

前端架構 彈出層框架layer

layer 乙個可以讓你想到即可做到的web彈窗 層 解決方案 js元件 我們的專案在處理頁面上用到了大量的layer,layer不僅可以彈出div而且還可以彈出頁面,而且還擁有豐富的 和大量的提示框樣式等等,只有你想不到的。下面是乙個 我做的彈框的截圖 layer的使用非常簡單,只需要引用kaye...

layer彈出層的位置設定

1 給彈出層id及資訊,方便獲取其寬度和高度 var index layer.msg data.info,2 根據具體情況計算出彈出層的top和left,用offset設定其位置 layer.msg index,例子,設定layer彈出層在彈出層 id為pop reg 的中間 水平垂直居中 位置 v...