javascript - jquery 使用自动竞争。我想添加异步来消除渲染阻塞

标签 javascript jquery

您好,我想使用异步来加速页面以消除渲染阻塞。

发生了什么;当我在 jquery 文件之前将 async 放入脚本中时,自动完成会停止工作吗? 如果我不使用异步,那么它会阻塞。

有什么想法可以让两者都发挥作用吗?

或者

可以解释为什么会发生这种情况吗?

用于表单邮政编码选择

site

 <script async    src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script><!----NEED for postcode--->
  <script   >
      //custom select box    

      $("#swSearch").autocomplete({
    minLength: 1,
    source: function(req, add){
        $.ajax({
            url: 'http://www.vestedutility.com.au/WMS/index.php/welcome/sw_search', //Controller where search is performed
            dataType: 'json',
            type: 'POST',
            data: req,
            success: function(data){
                if(data.response =='true'){
                   add(data.message);
                }
            }
        });
    }
});

  </script>

最佳答案

我访问了您提供的页面,该页面上有很多错误:
enter image description here

  1. 首先从 <script> 中删除所有异步标签。

  2. 然后将您的自动完成代码放入其中

    $(function() {
    //your autocomplete code here
    }
    

    这应该可以解决您的问题,因为自动完成本身正在使用 jquery。

  3. 除此之外,您的 html 文档以 <head> 开头.

  4. 也没有正文标签。

  5. 您已下载 bootstrap.min.js 3 次。

关于javascript - jquery 使用自动竞争。我想添加异步来消除渲染阻塞,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36946362/

相关文章:

javascript - 在javascript中修改原型(prototype)时的 super 函数

javascript - Div 向上或向下移动

javascript - 当用户键入/删除时,使文本字段中的提示消失/重新出现

javascript - Bootstrap 内联列表大量文本

javascript - jQuery Mobile slider 根据其值触发不同的事件

javascript - Mongoose 虚拟填充返回 null

javascript - 谷歌地图 V3 : prevent marker scaling

javascript - 将所有http请求和React Routes先通过 Node 后端进行session验证再返回路径

javascript - Chartjs 图例样式

jquery-plugins - jQuery 事件处理程序队列