CODEWITHSUNDEEP
javascriptjqueryhtmlevents
usman
usman

Reputation: 1947

Click event not worked in Firefox

I am using a jquery click function:

Button code

<input type="button" id="myButtton">

Jquery code

$(document).ready(function () {
    $("#myButtton").click(function () {
        alert("Mybutton");
    });
});

This code works in Internet Explorer but does not work in Firefox.

What am I doing wrong?

Upvotes: 0

Views: 169

Answers (3)

Ionuț G. Stan
Ionuț G. Stan

Reputation: 179098

Are you sure that element has an id attribute? Or does it have only a name attribute with a value of "myButton". In order to work cross browser the id attribute is mandatory, whereas name is optional (only IE and Opera AFAIK).

N.B.: My answer may seem idiot, but it was not the original poster that added the code example in the question (view edit history).

Upvotes: 0

Jesse Dearing
Jesse Dearing

Reputation: 2271

In the code:

$(document).ready(function(){ 
    $("#myButtton").click(function(){
        alert("Mybutton");
    });

I believe it's missing another closing brace:

$(document).ready(function(){ 
    $("#myButtton").click(function(){
        alert("Mybutton");
    });
});

Upvotes: 4

jay_soo
jay_soo

Reputation: 1328

My best guess is that you have other input with the same ID? Try using classes instead, or use jQuery's CSS selector like $('input[type=button]') instead.

I'd also recommend installing FireBug plugin for FireFox if you haven't done so already (http://www.getfirebug.com/). It'll help you debug JavaScript issues like this, and a whole lot more.

Upvotes: 0

Related Questions