2015-02-01 3 views
0

내 웹 사이트에서 검색을 실행하려고합니다. 지금 검색은 아무것도하지 않거나 회 전자가 끝없이 회전하여 아무것도로드하지 않거나 "ERROR LOADING PAGE"를 얻습니다. 이 문제는 jqueryjquery mobile 충돌로 인한 것으로 보입니다.Tipue Search 4.0을 사용하려고 할 때 jquery와 jquery 모바일 버전간에 충돌이 발생할 수 있습니다.

jquery.min.js 버전 1.11.1 jquery mobile입니다 1.4.3

당신이 도움이 될 수 있습니다 희망입니다! 여기

사례 사람에

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

답변

0

이 단순히 약간이었다 궁금해 (이 tipue 문서에서 할 상태로) 이것은 search.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> 

index.html을하다 JQM 경험 부족. 양식에서 아약스를 사용 중지하면 문제가 해결됨()