Home/ Questions/Q 6375621
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-25T01:38:22+00:00

Why isn’t this working? —HTML——– <html> <head> <script type=text/javascript src=http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js></script> <script type=text/javascript src=j.js></script> </head>

  • 0

Why isn’t this working?
—HTML——–

<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script type="text/javascript" src="j.js"></script>
</head>
<body>
<script>
$(document).ready(function(){
$.createHello();
});
</script>
</body>
</html>

—JS———j.js——-

(function($){  
 $.fn.createHello= function() {  
    $('body').append('<div id="hello">Hello world</div>');
    $('#hello').click(funciton(){
    alert("Hello you clicker");
    });
 };  
})(jQuery);

Any solutions, or better ways to do the same thing?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Change the click to delegate since you are creating the hello element on the fly. Below is the updated code. Also function was misspelled,

    Live Demo

     $.createHello = function() {  
    $('body').append('<div id="hello">Hello world</div>');
    $('body').delegate('#hello', 'click', function(){
        alert("Hello you clicker");
    });
 } 

$(document).ready(function(){
    $.createHello();
});

    Personally this is how I would write it:

    Updated Demo

     $.fn.createHello = function() {  
    $(this).append('<div id="hello">Hello world</div>');
    $(this).delegate('#hello', 'click', function(){
        alert("Hello you clicker");
    });
 } 

$(document).ready(function(){
    $('body').createHello();
});

    This allows you to tie it to any element on the page and call createHello()

    I also suggest checking out the plugin authoring reference for some good tips.

    • 0