1. 程式人生 > >layer 中 的type和 content

layer 中 的type和 content

nts http post 文本 dom 內容 class func 指定

type - 基本層類型

類型:Number,默認:0

layer提供了5種層類型。可傳入的值有:0(信息框,默認)1(頁面層)2(iframe層)3(加載層)4(tips層)。 若你采用layer.open({type: 1})方式調用,則type為必填項(信息框除外)

content - 內容

類型:String/DOM/Array,默認:‘‘

content可傳入的值是靈活多變的,不僅可以傳入普通的html內容,還可以指定DOM,更可以隨著type的不同而不同。

  1. /!*
  2. 如果是頁面層
  3. */
  4. layer.open({
  5. type: 1,
  6. content: ‘傳入任意的文本或html‘ //這裏content是一個普通的String
  7. });
  8. layer.open({
  9. type: 1,
  10. content: $(‘#id‘) //這裏content是一個DOM
  11. });
  12. //Ajax獲取
  13. $.post(‘url‘, {}, function(str){
  14. layer.open({
  15. type: 1,
  16. content: str //註意,如果str是object,那麽需要字符拼接。
  17. });
  18. });
  19. /!*
  20. 如果是iframe層
  21. */
  22. layer.open({
  23. type: 2,
  24. content: ‘http://sentsin.com‘ //這裏content是一個URL,如果你不想讓iframe出現滾動條,你還可以content: [‘http://sentsin.com‘, ‘no‘]
  25. });
  26. /!*
  27. 如果是用layer.open執行tips層
  28. */
  29. layer.open({
  30. type: 4,
  31. content: [‘內容‘, ‘#id‘] //數組第二項即吸附元素選擇器或者DOM
  32. });

layer 中 的type和 content