ready

时间 2019-11-08

标签 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() 函数仅能用于当前文档，所以无需选择器。对象