Object [object Object] has no method 'autocomplete'

Question

I am using jquery autocomplete in an amazon script in a joomla 3.2.2 install. jQuery calls are generated by joomla and the jquery easy plugin which is configured to add jquery 1.10.2 and jquery ui 1.10.3 and strip out any other instances (it appears to ignore the joomla added version).

Scripts are coming out like this:

  <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/themes/smoothness/jquery-ui.css" type="text/css" />
  <link rel="stylesheet" href="/foobar/media/sourcecoast/css/sc_bootstrap.css" type="text/css" />
  <link rel="stylesheet" href="/foobar/cache/widgetkit/widgetkit-4d6b5675.css" type="text/css" />
  <link rel="stylesheet" href="/foobar/media/sourcecoast/css/mod_sclogin.css" type="text/css" />
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" type="text/javascript"></script>
  <script src="https://ajax.aspnetcdn.com/ajax/jquery.migrate/jquery-migrate-1.2.1.min.js" type="text/javascript"></script>
  <script src="/foobar/plugins/system/jqueryeasy/jquerynoconflict.js" type="text/javascript"></script>
  <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js" type="text/javascript"></script>
  <script src="/foobar/media/system/js/tabs-state.js" type="text/javascript"></script>
  <script src="/foobar/media/jui/js/jquery.min.js" type="text/javascript"></script>
  <script src="/foobar/media/jui/js/jquery-noconflict.js" type="text/javascript"></script>
  <script src="/foobar/media/jui/js/jquery-migrate.min.js" type="text/javascript"></script>
  <script src="/foobar/media/jui/js/bootstrap.min.js" type="text/javascript"></script>

The js that fails is:

jQuery(function () {
jQuery("#jform_itemtitle").autocomplete({
    minLength: 3,
    source: function (req, res) {
        jQuery.ajax({
            url: 'http://completion.amazon.com/search/complete',
            cache: true,
            dataType: 'jsonp',
            data: {
                'search-alias': 'aps',
                    'client': 'amazon-search-ui',
                    'mkt': '1',
                    'q': req.term
            },
            error: function (data) {
                return false;
            },
            success: function (data) {
                res(data[1]);
            }
        });
    }
});
});

The error is:

Uncaught TypeError: Object [object Object] has no method 'autocomplete' in console and the autocomplete script does not work.

You are including jQuery twice. The second inclusion overwrites the first one. — Felix Kling
– Felix Kling, Commented Feb 20, 2014 at 17:03

Java_User · Accepted Answer · 2014-02-20 17:02:14Z

2

Put the below at the very top.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" type="text/javascript"></script>

And delete the below. Two version/includes can be dangerous:

<script src="/foobar/media/jui/js/jquery.min.js" type="text/javascript"></script>

Infact keep only 1 version. I'm seeing lots of js files are duplicate.

answered Feb 20, 2014 at 17:02

Java_User

1,3213 gold badges27 silver badges38 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

larpo Over a year ago

Thanks - that fixed it. I thought jquery easy was supposed to strip the native joomla instances of jquery and jquery ui, but it doesn't seem to do that.

Collectives™ on Stack Overflow

Object [object Object] has no method 'autocomplete'

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related