Search code examples
javascriptjqueryjquery-uifancyboxjquery-ui-slider

JQuery UI slider not work inside fancybox?

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.

Solution

  • 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