JQuery UI slider not work inside fancybox?

Question

I try to put slide bar inside jquery fancybox popup but some events like mouseup, mouseover not work. But if I put slider div outside fancybox popup, if work normally. So how can I fix this problem? Appreciate your helps.

Answer 1

try using:

.live('mouseup', function() {

.live('mouseover', function() {

instead of:

.mouseup(function() {

.mouseover(function() {

as the content inside fancybox is created dynamically.

You could also put your slider initialization code inside of the fancybox onComplete function. See fancybox.net/api