Question

我正在尝试在我的网站上搜索并运行。现在，搜索要么不做任何事情，要么旋转器无休止地旋转，没有任何负载，或者我得到错误加载页面。＆＃34;我觉得这可能是由于jquery和jquery mobile冲突造成的。

jquery.min.js是版本1.11.1 jquery mobile为1.4.3

希望你能帮忙！

这是index.html

<!DOCTYPE HTML>
<html>
    <head>    
        <!-- jQuery -->
        <script src="js/jquery.min.js"></script>           
        <!-- jQueryMobile -->
        <script src="js/jquery.mobile.min.js"></script>
    </head>
    <body>

        <div data-role="page" data-theme='b'>
          <div class="block">
            <form action="search.html">
              <input type="text" name="q" id="tipue_search_input" autocomplete="off">
            </form>
          </div> 
       </div> 
    </body>
</html>

这是search.html（正如它在tipue docs中所说的那样）

<!DOCTYPE HTML>
<html>
    <head>
    <title>TEST</title>            
        <!-- jQuery -->
        <script src="js/jquery.min.js"></script>           
        <!-- jQueryMobile -->
        <script src="js/jquery.mobile.min.js"></script>
<script type="text/javascript" src="tipuesearch/tipuesearch_set.js"></script>
<script type="text/javascript" src="tipuesearch/tipuesearch_content.js></script>
<link rel="stylesheet" type="text/css" href="tipuesearch/tipuesearch.css">
<script type="text/javascript" src="tipuesearch/tipuesearch.js"></script>
    </head>
    <body>  
        <div data-role="page" data-theme='b'>
          <div data-role="content">

                    <div class="block" ><form action="search.html">
<input type="text" name="q" id="tipue_search_input" autocomplete="off" required placeholder="Enter manufactuer or part number" >
</form>

                 </div> </div> 

<div id="tipue_search_content"></div>


 </div> 


<script>
$(document).ready(function() {
     $('#tipue_search_input').tipuesearch({
          'show': 6
     });
});
</script>
    </body>
</html>

Answer 1

如果有人想知道这只是略微缺乏JQM经验。禁用表单上的ajax解决了问题（）

尝试使用Tipue Search 4.0时，jquery和jquery移动版本之间可能存在冲突

1 个答案: