使用LAB JS在页面加载时显示警报

时间:2012-05-30 14:27:12

标签: javascript jquery labjs

我继承了一些代码,我想要做的就是运行一些jQuery代码,特别是一个警报。

我知道如何使用jQuery / JavaScript,但现在确定我是否可以使用我已经拥有的内容,如下所示:

<script>
  $LAB
  .script("js/lib/jquery-1.7.1.min.js").wait()
  .script("js/lib/jquery.mobile-1.1.0.min.js").wait()
  .script("../js/mobile/config/buildfile.js").wait()
  .script("js/init.js")
  .wait(function () {
    $(function() {
    setupHelpers();
    loadApp(true,
      function () {
      },
      function () {
      });
    });
  });
</script>

我是否仍然需要使用document.ready或者我可以将警报放在上面代码中的某处? 谢谢

1 个答案:

答案 0 :(得分:0)

如果你需要等待DOMready的答案与LABjs是否在图片中是分开的。将“DOMready”与“脚本已完成并准备就绪”混为一谈是一种常见的误解,实际上它们是两个独立的事件,应根据您的需要单独处理。

因此,要回答您的具体问题,您是否应该等待DOMready ......答案是,这取决于您是否需要DOM来显示警报。如果您使用正常的alert()对话框弹出窗口警告用户,那么请不要。如果你正在使用一些插件,它通过注入&lt; div&gt;来警告用户。进入DOM以显示警报,然后是,你肯定需要等待DOM。

无论你做什么,都不要因为“脚本加载”事件(这是你在最后wait(..)调用中获得的事件)的谬论而意味着DOM准备好了。这不一定是真的。


规则1:如果您需要DOM执行某项任务,总是等待使用DOMready事件处理程序,请不要假设。

规则2:如果您需要等待部分或全部脚本完成加载,请使用脚本加载的事件,就像LABjs提供的脚本加载器一样。

规则3:如果您需要DOM和脚本来完成加载,那么撰写这两个事件,通过在脚本加载的处理程序中嵌入DOMready处理程序,如上所述。 / p>