Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

$.cookie is not a function typeerror

Tags:

html

jquery

What does this error mean and how do I fix it?

TypeError: $.cookie is not a function
[Break On This Error]   

$($.cookie("inputFocus")).focus()

Relevant line:

$($.cookie("inputFocus")).focus()

All jQuery code:

<script>
$(document).ready(function() {
    $("#state").change(function () {
    this.form.submit();
})
$($.cookie("inputFocus")).focus()

$("#supplier_name").val($("#supplier_name").val());
$("#aircraft_type").val($("#aircraft_type").val());
var typingTimer;                
var doneTypingInterval = 600;  

$('#supplier_name').keyup(function(){
    clearTimeout(typingTimer);
    if ($('#supplier_name').val) {
        typingTimer = setTimeout(doneTyping, doneTypingInterval);
    }
    $.cookie("inputFocus", "#supplier_name"); 
});

$('#aircraft_type').keyup(function(){
    clearTimeout(typingTimer);
    if ($('#aircraft_type').val) {
        typingTimer = setTimeout(doneTyping, doneTypingInterval);
    }
    $.cookie("inputFocus", "#aircraft_type"); });
function GetQueryStringParams(sParam)
{
    var sPageURL = window.location.search.substring(1);
    var sURLVariables = sPageURL.split('&');
    for (var i = 0; i < sURLVariables.length; i++)
    {
        var sParameterName = sURLVariables[i].split('=');
        if (sParameterName[0] == sParam)
        {
            return sParameterName[1];
        }
    }
}

var state = GetQueryStringParams('state');
var supplier_name = GetQueryStringParams('supplier_name');
var aircraft_type = GetQueryStringParams('aircraft_type');

    if(supplier_name === "" && state === "any" && aircraft_type === "") {
            $('#clear').attr('disabled','disabled');
    }
    $("#clear").click(function() {
    if(state === "any") {
        $("#aircraft_type").val("");
        $("#supplier_name").val("");
    } else {
        $('#state option:selected').remove();
        $("#aircraft_type").val("");
        $("#supplier_name").val("");    
    }
    });

function doneTyping () {
    $("form").submit();
}

});
</script>
like image 419
sephiith Avatar asked Jan 31 '13 04:01

sephiith


3 Answers

You need to include the jQuery cookie plugin before this code snippet.

like image 110
tvanfosson Avatar answered Oct 22 '22 00:10

tvanfosson


Including jquery file twice(multiple time) also gave same issue in my case.

like image 39
Suman KC Avatar answered Oct 22 '22 02:10

Suman KC


That error means exactly what it says: $.cookie does not exist.

jQuery core does not include anything related to cookies. There are several cookie libraries that add a cookie function to $. You need to add one to your page first.

like image 1
josh3736 Avatar answered Oct 22 '22 02:10

josh3736