Chapter 6:Event Handling using jquery

hozdaman · January 9th, 2012, 05:28 PM

I wanted another pair of eyes to look at my script for effects. I followed the code as written in the book but for some reason none of the effects are working. The only difference i did was used an update jquery script and Double Quotes. Can someone please take a look. Thanks.

Code:

 <script src="@Href("~/Scripts/jquery-1.7.1.min.js")" type="text/javascript"></script>
        <script type="text/javascript">
            $(function(){
                $("p").hover(function(){
                    $(this).fadeOut(1000).fadeIn(1000);
                });
                $("div:first").click(function(){
                    $("div:contains(watch)").fadeToggle("slow");
                    $(this).text("Click Again");
                });
                $(":input[type=text]").focus(function(){
                    $(this).val('');
                });
                $(":input[type=text]").keypress(function(){
                    $("#hidden").slideDown("fast");
                }); .keyup(function(){
                    ${"#text").text($(this).attr("value")};
                });
            });
        </script>

Mike Brind · January 10th, 2012, 09:42 AM

You have some errors in the last two lines of code. The following:

Code:

}); .keyup(function(){

should read

Code:

}).keyup(function(){

Remove the semi-colon (;) and the space just before .keyup

And this

Code:

${"#text").text($(this).attr("value")};

should start and finish with parenthesis rather than curly braces:

Code:

$("#text").text($(this).attr("value"));

One of the best ways of trapping javascript syntax errors is by installing Firebug - an add-on for the Firefox browser. It has a Console that reports errors, among other things.