Vote count:
0
I have tried everything to get this search up and running. No matter what I do, the search either does nothing, spinner endlessly spins and nothing loads or I get "ERROR LOADING PAGE." I feel like it may be a jquery conflict issue.
jquery.min.js is version 1.11.1 jquery mobile is 1.4.3
Hope you can help! ; )
Here is the index.html
<html>
<head>
<title>TEST</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<!-- jQueryMobileCSS - styling-->
<link rel="stylesheet" href="css/jqeury.mobile.theme.min.css" />
<!-- jQueryMobile icons -->
<link rel="stylesheet" href="css/jquery.mobile.icons.min.css" />
<!-- jQueryMobile core CSS -->
<link rel="stylesheet" href="css/jquery.mobile.min.css" />
<!-- Load Google Fonts -->
<link href='http://ift.tt/1zncTak' rel='stylesheet' type='text/css'>
<!-- Load Font Awesome Icons -->
<link rel="stylesheet" href="css/font-awesome.min.css">
<!-- jQuery -->
<script src="js/jquery.min.js"></script>
<!-- jQueryMobile -->
<script src="js/jquery.mobile.min.js"></script>
<link rel="stylesheet" type="text/css" href="tipuesearch/tipuesearch.css">
</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>
This is the search.html (as it states to do in tipue docs)
<!DOCTYPE HTML>
<html>
<head>
<title>TEST</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<!-- jQueryMobileCSS - styling-->
<link rel="stylesheet" href="css/jqeury.mobile.theme.min.css" />
<!-- jQueryMobile icons -->
<link rel="stylesheet" href="css/jquery.mobile.icons.min.css" />
<!-- jQueryMobile core CSS -->
<link rel="stylesheet" href="css/jquery.mobile.min.css" />
<!-- Load Google Fonts -->
<link href='http://ift.tt/1zncTak' rel='stylesheet' type='text/css'>
<!-- Load Font Awesome Icons -->
<link rel="stylesheet" href="css/font-awesome.min.css">
<!-- 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>
asked 1 min ago
JQUERY - Possible conflict, trying to use Tipue Search 4.0
Aucun commentaire:
Enregistrer un commentaire