Uncaught TypeError: undefined is not a function

[meryl_1]

I got this error and can't identify what is wrong with the code. I called the jquery code after the jquery plugin, checked carefully the code but it still has an error.

<script type="text/javascript" src="./js/jquery.js"></script>
    <script type="text/javascript" src="./js/jquery-migrate-1.2.1.min.js"></script>
    <script type="text/javascript" src="./js/jquery-1.8.3.min.js"></script>
    <script type="text/javascript" src="./js/jquery-ui-1.10.3.custom.min.js"></script>
    <link rel="stylesheet" href="./css/thread.css" media="screen">
    <link rel="stylesheet" href="./css/scp.css" media="screen">
    <link rel="stylesheet" href="./css/sample.css" media="screen">
    <link rel="stylesheet" href="./css/redactor.css" media="screen">
    <link rel="stylesheet" href="./css/typeahead.css" media="screen">
    <link type="text/css" href="./css/ui-lightness/jquery-ui-1.10.3.custom.min.css"
         rel="stylesheet" media="screen" />
     <link type="text/css" rel="stylesheet" href="./css/font-awesome.min.css">
    <!--[if IE 7]>
    <link rel="stylesheet" href="<?php echo ROOT_PATH; ?>css/font-awesome-ie7.min.css">
    <![endif]-->
    <link type="text/css" rel="stylesheet" href="./css/dropdown.css">
    <script type="text/javascript" src="./js/jquery.dropdown.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){
            $('#cssmenu > ul > li ul').each(function(index, e){
                var count = $(e).find('li').length;
                // var content = '<span class="cnt">' + count + '</span>';
                $(e).closest('li').children('a').append();
            });
            $('#cssmenu ul ul li:odd').addClass('odd');
            $('#cssmenu ul ul li:even').addClass('even');
            $('#cssmenu > ul > li > a').click(function() {
                $('#cssmenu li').removeClass('active');
                $(this).closest('li').addClass('active');   
                var checkElement = $(this).next();
                if((checkElement.is('ul')) && (checkElement.is(':visible'))) {
                    $(this).closest('li').removeClass('active');
                    checkElement.slideUp('normal');
                }
                if((checkElement.is('ul')) && (!checkElement.is(':visible'))) {
                    $('#cssmenu ul ul:visible').slideUp('normal');
                    checkElement.slideDown('normal');
                }
                if($(this).closest('li').find('ul').children().length == 0) {
                    return true;
                } else {
                    return false;   
                }       
            });
        });
    </script>

    <!-- CATEGORY DROPDOWN -->

    <script type="text/javascript">
    $(document).ready(function() {    
        $('#maxi_cat').change(function() {
            $(this).after('<div id="loader"><img src="./images/loading.gif" alt="loading subcategory" /></div>');
            $.get('loadsubcat.php?maxi_cat=' + $(this).val(), function(data) {
                $('#sub_cat').html(data);
                $('#loader').slideUp(200, function() {
                    $(this).remove();
                });
            }); 
        });
    });
    </script>

<!-- TOOLTIP --> 
<script>
    $(document).ready(function(){
        $('[rel=tooltip]').bind('mouseover', function(){
            if ($(this).hasClass('ajax')) {
                var ajax = $(this).attr('ajax');    
                $.get(ajax,
                function(theMessage){
                    $('<div class="tooltip">'  + theMessage + '</div>').appendTo('body').fadeIn('fast');
                });
            }else{          
                var theMessage = $(this).attr('content');
                $('<div class="tooltip">' + theMessage + '</div>').appendTo('body').fadeIn('fast');
            }       
            $(this).bind('mousemove', function(e){
                $('div.tooltip').css({
                    'top': e.pageY - ($('div.tooltip').height() / 2) - 5,
                    'left': e.pageX + 15
                });
            });
        }).bind('mouseout', function(){
            $('div.tooltip').fadeOut('fast', function(){
                $(this).remove();
            });
        });
    });
</script>

<!-- DATEPICKER -->
<link rel="stylesheet" href="./css/jquery-ui.css">
<script type="text/javascript">
    $(document).ready(function(){
        $('#ComDate').datepicker({
           changeMonth:true,
           changeYear:true
        });
    });
</script>

<!-- SCROLLBAR -->
<script type="text/javascript" src="./js/jquery.nicescroll.min.js"></script>
<script type="text/javascript">
  $(document).ready(function() {

    $("html").niceScroll();  // The document page (html)

    $("#boxscroll").niceScroll({touchbehavior:false,cursorcolor:"#5b5b5b",cursoropacitymax:0.7,cursorwidth:2,cursorborder:"1px solid #487CCB",cursorborderradius:"8px",background:"#ccc",autohidemode:false}).cursor.css({"background-image":"url(img/mac6scroll.png)"}); // MAC like scrollbar

    $("#boxscroll2").niceScroll({touchbehavior:false,cursorcolor:"#5b5b5b",cursoropacitymax:0.7,cursorwidth:2,cursorborder:"1px solid #487CCB",cursorborderradius:"8px",background:"#ccc",autohidemode:false}).cursor.css({"background-image":"url(img/mac6scroll.png)"}); // MAC like scrollbar


  });
</script>

<script type="text/javascript">
  function doRemove(name) {
    $(name).getNiceScroll().remove();
  };

  var vis = true;

  function toggleVisibility() {
    vis = !vis;
    var ns = $('#boxscroll').getNiceScroll();
    (vis) ? ns.show() : ns.hide();  
  }

  function toggleDiv() {
    var dv = $('#boxscroll'); 
  var vv = (dv.css('display')!='none');
    (vv) ? dv.hide() : dv.show();
//  var ns = dv.getNiceScroll();
//  ns.resize();
  }  
</script>

<!-- CALENDAR -->
<script type="text/javascript">
    function eventWindow(url) {
        event_popupWin = window.open(url, 'event', 'resizable=yes,scrollbars=yes,toolbar=no,width=500,height=300');
        event_popupWin.opener = self;
    }
</script>

<script type="text/javascript">
    function eventW(url) {
        event_popupWin = window.open(url, 'event', 'resizable=yes,scrollbars=yes,toolbar=no,width=900,height=300');
        event_popupWin.opener = self;
    }
</script>

<!-- TOOLTIP --> 
<script>
    $(document).ready(function(){
        $('[rel=tooltip]').bind('mouseover', function(){
            if ($(this).hasClass('ajax')) {
                var ajax = $(this).attr('ajax');    
                $.get(ajax,
                function(theMessage){
                    $('<div class="tooltip">'  + theMessage + '</div>').appendTo('body').fadeIn('fast');
                });
            }else{          
                var theMessage = $(this).attr('content');
                $('<div class="tooltip">' + theMessage + '</div>').appendTo('body').fadeIn('fast');
            }       
            $(this).bind('mousemove', function(e){
                $('div.tooltip').css({
                    'top': e.pageY - ($('div.tooltip').height() / 2) - 5,
                    'left': e.pageX + 15
                });
            });
        }).bind('mouseout', function(){
            $('div.tooltip').fadeOut('fast', function(){
                $(this).remove();
            });
        });
    });
</script>

<!-- MODAL POP UP -->
<script type="text/javascript" src="./js/jquery-ui.js"></script>
<script type="text/javascript" src="./js/jquery-1.10.2.js"></script>

Here's my code and the error is in the #ComDate.
Hope someone can help me. Thank you.

[meryl_1]

Can someone please help me. Really need this.

[markfilan]

This is a common JavaScript error that happens when you try to call a function before it is defined. You get "'undefined' is not a function" error when you try to execute a function that is uninitialized or improperly initialized . It means that the expression did not return a function object. So you have to figure out what you are trying to execute isn't a function.

In Javascript , when you execute a function, it's evaluated like the following:

• expression.that('returns').aFunctionObject(); // js
• execute -> expression.that('returns').aFunctionObject // what the JS engine does

That expression may be complex. So when you get undefined is not a function it means that expression did not return a function object. So you have to figure out what you are trying to execute isn't a function.