Question

i have implemented a java script to bounce an image on my asp.net mvc 3 web application, if i write the Jscript as follow it will work fine:-

 $(document).ready(function () {
            $("#to-get-bigger").mouseover(function () {
                $(this).effect("bounce);
            });
        });

but if i write it this way it will not work !! ,, so what might be the reason behind this :-

$(function () {
    $("to-get-bigger").mouseover(function () {
        $(this).effect("bounce");
    });
});

Answer 1

You are missing the hash # for your selector. I’ve fixed it:

$(function () {
    $("#to-get-bigger").mouseover(function () {
        $(this).effect("bounce");
    });
});