Response title
This is preview!
JQuery Overlay / Autocomplete conflict
in Using jQuery Plugins
•
11 years ago
Hi
I have an issue with a page which is attempting to utilise the AutoComplete plugin and also the Overlay plugin.
Indepently each plugin works fine. However when I reference both together, the plugin referenced first throws an 'Object doesn't support this property or method' error. In the example below, only the Autocomplete script will work.
<script src="lib/jquery-overlay/jquery.tools.min.js"></script>
<script type="text/javascript" src="lib/jquery-autocomplete/lib/jquery.js"></script>
<script type='text/javascript' src='lib/jquery-autocomplete/jquery.autocomplete.js'></script>
AutoComplete script:
$().ready(function() {
$("#suggestCons").autocomplete(consultants, {
matchContains: true,
minChars: 0
});
});
Overlay script:
$(document).ready(function() {
var triggers = $(".modalInput").overlay({
mask: {
color: '#ebecff',
loadSpeed: 200,
opacity: 0.9
},
closeOnClick: false
});
I have tried amending the method name in case there is a naming conflict in each plugin but to no avail.
If I had hair to tear, I'd be tearing it...
I have an issue with a page which is attempting to utilise the AutoComplete plugin and also the Overlay plugin.
Indepently each plugin works fine. However when I reference both together, the plugin referenced first throws an 'Object doesn't support this property or method' error. In the example below, only the Autocomplete script will work.
<script src="lib/jquery-overlay/jquery.tools.min.js"></script>
<script type="text/javascript" src="lib/jquery-autocomplete/lib/jquery.js"></script>
<script type='text/javascript' src='lib/jquery-autocomplete/jquery.autocomplete.js'></script>
AutoComplete script:
$().ready(function() {
$("#suggestCons").autocomplete(consultants, {
matchContains: true,
minChars: 0
});
});
Overlay script:
$(document).ready(function() {
var triggers = $(".modalInput").overlay({
mask: {
color: '#ebecff',
loadSpeed: 200,
opacity: 0.9
},
closeOnClick: false
});
I have tried amending the method name in case there is a naming conflict in each plugin but to no avail.
If I had hair to tear, I'd be tearing it...
1
