React <hashrouter>无法使用jQuery Mobile

时间:2017-11-01 20:51:09

标签: javascript jquery reactjs jquery-mobile react-router

我的反应项目是使用react-router-dom V.4的HashRouter。它工作正常,直到我将jQuery-mobile.js作为cdnjs链接添加到我的HTML中。现在每个路由都重定向到localhost:5000 /。如果我尝试转到localhost:5000 /#/ home或任何其他路由解析,它会重定向。我是jQuery mobile的新手。我正在尝试添加一些已经使用jQuery-mobile的项目。任何建议或解决方案?

1 个答案:

答案 0 :(得分:0)

找到解决方案,通过禁用jQuery-mobile路由器实现它。 一旦禁用,就可以毫无问题地使用react-router。

    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.js"></script>
    <script>
         $(document).bind("mobileinit", function () {
         $.mobile.ajaxEnabled = false;
         $.mobile.linkBindingEnabled = false;
         $.mobile.hashListeningEnabled = false;
         $.mobile.pushStateEnabled = false;
         });
     </script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-mobile/1.4.5/jquery.mobile.js"></script>

这将禁用jQuery-mobile路由器。