click event did not fired first click on the div

Question

I use the following code snippet to invoke the click event of a document:

$(document).bind("click", $.proxy(proxy._cellClickHandler, proxy));

_cellClickHandler: function (e) {
            var $target = $(e.target),
                row = $target.closest('tr'),
                proxy = this,
                args = {},
                currentData,
                index;
}

Clicking it the first time does not fire the event. On the second click it invokes correctly. How to resolve this problem?

Answer 1

Use 'on' (http://api.jquery.com/on/):

var proxy= {
  _cellClickHandler: function (e) {
            var $target = $(e.target),
                row = $target.closest('tr'),
                proxy = this,
                args = {},
                currentData,
                index;
  }
}

$(document).on("click", $.proxy(proxy._cellClickHandler, proxy));

Answer 2

Try using .live Click if you are not using the updated jquery 1.9

$(document).live("click", $.proxy(proxy._cellClickHandler, proxy));