mouseenter vs. click

mouseenter vs. click

Hello,

First I was developing my code in javascript and facing one issue, I deceided too sxitch to jquery.
But the problem stil happends...

My <body> is made of one <canvas> for sizing the background and various <div><object></object></div> that I position on the canvas, and that I would like to make clickeable.

Here is my code, no problem for the positionning and sizing, but I have a problem in the bind function :
- mouseenter/
mouseleave are treated properly, I can see my alert boxes entering and leaving the area but the cursor commutation do not occurs !!
- click don't work, nothing happens, as if it was not clickeable, I can't see my alert box

  1. $(document).ready(function() {
      $(window).resize();
    });
    $(window).resize(function() {
      $.fn.resize_chalkboard();
      $.fn.resize_copyright();
      $.fn.resize_logo();
      $.fn.resize_slogan();
      $.fn.resize_quisommesnous();
      $.fn.resize_demandedevis();
      $.fn.resize_contact();
      $.fn.resize_adresse();

      $('#contactdiv').bind({
        mouseenter: function() {
          alert('enter contact');
          $("body").css("cursor", "pointer");
        },
        mouseleave: function() {
          alert('leave contact');
          $("body").css("cursor", "");
        },
        click: function() {
          alert('click contact');
          $("#adressediv").css("display", "block");
        }
      });
    });