Response title
This is preview!
Mootools and jquery conflict
in Using jQuery
•
11 years ago
I know this has been covered but im struggling to get two of my plugins to work together. Im using an autocomplete (mootools) plugin and a calendar date picker (jquery) plugin.
They both work independantly but not together. I have no idea how to get the no conflict fix to work
I have stripped the code to bare minimum. The top 5 scripts are for the autocompleter
both plugins are called by the two form inputs. I would be really grateful for any advice
<link rel="stylesheet" type="text/css" href="includes/Autocompleter.css" />
<script type="text/javascript" src="http://digitarald.de/js/mootools-1.2-core-nc.js"></script>
<script type="text/javascript" src="http://digitarald.de//project/autocompleter/1-1/source/Observer.js"></script>
<script type="text/javascript" src="http://digitarald.de//project/autocompleter/1-1/source/Autocompleter.js"></script>
<script type="text/javascript" src="http://digitarald.de//project/autocompleter/1-1/source/Autocompleter.Local.js"></script>
<script type="text/javascript" src="includes/auto-city.js"></script>
<script type="text/javascript" src="http://digitarald.de//project/autocompleter/1-1/source/Observer.js"></script>
<script type="text/javascript" src="http://digitarald.de//project/autocompleter/1-1/source/Autocompleter.js"></script>
<script type="text/javascript" src="http://digitarald.de//project/autocompleter/1-1/source/Autocompleter.Local.js"></script>
<script type="text/javascript" src="includes/auto-city.js"></script>
<script type="text/javascript" src="includes/jquery.min.js"></script>
<script type="text/javascript" src="includes/datepicker.jquery.min.js"></script>
</head>
<script type="text/javascript" src="includes/datepicker.jquery.min.js"></script>
</head>
<body>
<br />
<br />
<form action="" onsubmit="return false;">
<input type="text" id="ap-city" value="From" size="16" class="text" />
</form>
<br />
<input type="text" id="ap-city" value="From" size="16" class="text" />
</form>
<br />
<form action="#">
<input class="datepicker exit" type="hidden" />
</form>
</body>
<input class="datepicker exit" type="hidden" />
</form>
</body>
</html>
2