<script> $(document).ready(function(){ $('#test1').on('click', function(){ layer.open({ type: 1, skin: 'layui-layer-rim', //加上邊框 area: ['420px', '240px'], //寬高 closeBtn: 1, content: $('#box') }); }); }); </script> <body> <button id="test1">小小提示層</button> <div id="box">這是條測試數據</div> </body>
這塊script代碼寫在body以外時,須要用ready() 方法;若是寫在body裏面則不須要這個方法。javascript
<body> <button id="test1">小小提示層</button> <div id="box">aaaaaaaaaa</div> <script> $('#test1').on('click', function(){ layer.open({ type: 1, skin: 'layui-layer-rim', //加上邊框 area: ['420px', '240px'], //寬高 closeBtn: 1, content: $('#box') }); }); </script> </body>
並且script放在button上面也是沒有效果的java
當 DOM(文檔對象模型) 已經加載,而且頁面(包括圖像)已經徹底呈現時,會發生 ready 事件。函數
因爲該事件在文檔就緒後發生,所以把全部其餘的 jQuery 事件和函數置於該事件中是很是好的作法。正如上面的例子中那樣。測試
ready() 函數規定當 ready 事件發生時執行的代碼。ui
ready() 函數僅能用於當前文檔,所以無需選擇器。對象