0

私は自分のウェブサイトで検索を実行しようとしています。現在、検索は何もしないか、スピナーが無限に回転して何もロードされないか、「ERROR LOADING PAGE」が表示されます。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>
4

1 に答える 1