使用jQuery浮动模态窗口

Question

我想在此示例中使用一个简单的模式窗口http://jqueryui.com/dialog/，以便在页面主体在特定位置向下滚动时向上浮动。它可以是右上角，右下角或中间右侧。

我用他的代码：

$(function() { 

    $("#dialog").dialog({ 
     maxHeight: 200, 
     width: 400, 
     autoOpen: true, 
     show: { 
      effect: "blind", 
      duration: 1000 
     }, 
     hide: { 
      effect: "explode", 
      duration: 1000 
     } 
    }); 
    $("#opener").click(function() { 
     $("#dialog").dialog("open"); 
    }); 

    $(window).scroll(function() { 

     //after window scroll fire it will add define pixel added to that element. 
     set = $(document).scrollTop() + "px"; 

     //this is the jQuery animate function to fixed the div position after scrolling. 
     $('#dialog').animate({ top: set }, { duration: 1000, queue: false }); 


    }); 
}); 

怎么过，这只会浮在对话而不是整个窗口内的文本。

任何帮助将非常理解:)

Answer 1

尝试“#dialog”选择更改为“的.ui-对话框”，

$(window).scroll(function() { 

    //after window scroll fire it will add define pixel added to that element. 
    set = $(document).scrollTop() + "px"; 

    //this is the jQuery animate function to fixed the div position after scrolling. 
    $('.ui-dialog').animate({ top: set }, { duration: 1000, queue: false }); 
}); 

因为$（'＃对话'）一旦对话框由jQuery UI创建，就会转换为新的DOM元素，并且新的DOM元素可以通过$（'。ui-dialog'）