Question

我将jQuery的swipleLeft和swipeRight添加到我的几页中，以便能够使用可滑动的导航菜单。在我这样做之后，每当我点击导航中的链接时，到达该页面时出现以下错误：

jquery-1.10.2.min.js:6 Synchronous XMLHttpRequest on the main thread is deprecated because of its detrimental effects to the end user's experience. For more help, check https://xhr.spec.whatwg.org/.

我添加的只有jQuery 1.10.2.min.js，jquery.mobile-1.4.5.min.js和jquery.mobile css样式表。

此错误导致我的格式化失败。错误出现并影响页面样式的唯一时间是我通过导航到达页面。如果我在浏览器中键入页面URL并以这种方式转到它，那很好。在我添加这些脚本之前，导航链接正常工作。

任何人都知道我为什么会收到这个错误？

在头上：

<link rel="stylesheet" href="//code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css">
<script src="http://code.jquery.com/jquery-3.1.1.min.js"   integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8="   crossorigin="anonymous"></script>
<script src="//code.jquery.com/jquery-1.10.2.min.js"></script>
<script src="//code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>

在结束身体标签之前：

$(function(){
  $( "body" ).on( "swiperight", swiperightHandler );

  function swiperightHandler( event ){
    $('.nav-panel').addClass( "swiperight" );
  }
});
$(function(){
  $( "body" ).on( "swipeleft", swipeleftHandler );

  function swipeleftHandler( event ){
    $('.nav-panel').removeClass( "swiperight" );
  }
});
$.mobile.loading().hide();

同步XMLHttpRequest错误

0 个答案: