Uncaught TypeError: $(...).tabs is not a function

[Rui-Carvalho]

The error "Uncaught TypeError: $(...).tabs is not a function" is produced when using django-tabbed-admin under the following setup:

• Django = 1.10.5
• django-tabbed-admin=1.0.4
• DEFAULT_JQUERY_UI_JS = 'tabbed_admin/js/jquery-ui-1.11.4.min.js'

The problem is that the code in jquery-ui-1.11.4.min.js is as follows:

/*! jQuery UI - v1.11.4 - 2015-07-27
(...)
jQuery = jQuery \|\| django.jQuery.noConflict(false); 

and the code on django-tabbed-admin uses it this way (change_form.html):

    <script type="text/javascript">
        (function($) {
            $(window).scrollTop()
            $('#tabs').tabs({
                {% if add %}
                // when adding, don't select a tab by default, we'll do it ourselves
                // by finding the first available tab.
                selected: -1
                {% endif %}
            });
        (....)
        })(django.jQuery);
    </script>
    <!-- end admin_tabs stuff -->

To sort this out this should be what would be passed in to the IIFE instead of the (django.jQuery) as above:

    <script type="text/javascript">
        (function($) {
            (....)
        })((typeof window.jQuery == 'undefined' && typeof window.django != 'undefined')
  ? django.jQuery
  : jQuery)
    </script>
    <!-- end admin_tabs stuff -->

as is the code used in, eg., django-extensions - see this.

I've created a PR to solve this issue. Waiting for it to be included in the project.
Cheers

[ronaldomatos]

I Have update settings.py to:

TABBED_ADMIN_JQUERY_UI_JS = 'jquery-ui-1.12.1/jquery-ui.min.js'
TABBED_ADMIN_JQUERY_UI_CSS = 'jquery-ui-1.12.1/jquery-ui.min.css'

and download the new stable jquery version to that. And solved all my problems.