javascript - 如何在 .less 完成解析后启动 Jquery 事件

Question

我正在为我的 CSS 使用 .less。我遇到的问题是因为 Jquery 在 .less 完成解析 .less 文件之前运行，高度和宽度不正确。

现在我将 setTimeout 设置为 500 毫秒以“等待”，.less 上是否有任何回调函数来启动 jquery 东西？

谢谢

jQuery(function($){
   var m = $('.my-class').height();
   var wh = $(window).height();

   if(wh > m){
      $('.my-class').addClass('.new-class').height(wh - 300);
   }
});

我必须这样做，让它工作:

jQuery(function($){
   var m = $('.my-class').height();
   var wh = $(window).height();

   setTimeout(function(){
      if(wh > m){
         $('.my-class').addClass('.new-class').height(wh - 300);
      }
   }, 500);
});

Answer 1

您可以在 .less 最有可能执行的任何内容上使用 jQuery .ready() 事件。因此，如果您有一段使用 .less 进行样式设置，则可以执行类似 $("p").ready(function() {//do something }); 的操作。如果这不起作用，您也可以随时尝试 .resize() 事件，因为当 less 完成样式设置时，元素应该调整大小。例如，您可以执行类似 $("p").resize(function() {//do something now that size has changed });

文档:

• > http://api.jquery.com/ready/
• > http://api.jquery.com/resize/