Here is what I am trying to do: Create a global gesture container that

Question

0

Asked: June 4, 20262026-06-04T15:47:24+00:00 2026-06-04T15:47:24+00:00

Here is what I am trying to do: Create a global gesture container that

0

Here is what I am trying to do:

Create a global “gesture container” that is absolutely positioned, width and height 100%, and a z-index that is higher than all other elements in the document.

Here is my problem:
When I create this container, my absolutely positioned element is blocking the click events that are bound to everything that is below it.

$(document).ready(function() {
    $(document).on('click touchstart', '.block', function() {
        var $this = $(this);

        if(!$this.hasClass("disabled")){
            $this.addClass("disabled")
            $this.openPopUp();
        }
        return false;           
    });
});

Notice I am using the new .on() call from jQuery 1.7.2 which I have set up to function the same way as .live().

Why is my element not accepting my click? Looks like my gesture area is blocking it, but is there a way around that?