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

我正在尝试在我的网站上启动并运行搜索。现在，搜索要么什么都不做，要么微调器无休止地旋转，什么都没有加载，或者我得到"加载页面时出错"。我觉得这可能是由于jquery和jquery mobile冲突造成的。

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

希望你能帮到你！

这是索引.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>

这是搜索.html（正如它在tipue文档中所说的那样）

<!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>

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

相关内容

最新更新

热门标签：