Interference with jQuery effects

Hi,

I've decided to test if Liquid Canvas works well with jQuery effects and noticed that it doesn't. Here's a simple test:

add the following to $(document).ready block in the example at http://www.ruzee.com/files/liquid-canvas/example.html:

$("#example").click(function() {
$(this).hide("slow");
})

When you click on the element, it hides as expected but then reappears in the top left corner of the page without text. I guess this library interferes with other effects too.

Actually, even affecting appearance of the div with CSS (e.g. with #example:hover {display: none;} ) is broken.

This limit the range of situations in which your library can be used. I hope there's a solution to this problem.

Trackback URL for this post:

http://www.ruzee.com/trackback/192

There's a workaround (at

There's a workaround (at least, for effects I've tried): encompass the element with another element and perform the action upon the container. Doing this also makes the border process events directed at the visible element. I think this should be done by the library during creating the canvas element.