ready

  <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

 

 

jQuery 事件 - ready() 方法

定義和用法

當 DOM(文檔對象模型) 已經加載,而且頁面(包括圖像)已經徹底呈現時,會發生 ready 事件。函數

因爲該事件在文檔就緒後發生,所以把全部其餘的 jQuery 事件和函數置於該事件中是很是好的作法。正如上面的例子中那樣。測試

ready() 函數規定當 ready 事件發生時執行的代碼。ui

ready() 函數僅能用於當前文檔,所以無需選擇器。對象

相關文章
相關標籤/搜索