JQuery PopUp Postion不工作

时间:2016-11-24 09:02:34

标签: javascript jquery popup

jQuery PopUp定位不起作用。 Pop边框和内容分离。

尝试以下代码

    newDiv = $(document.createElement('div'));
    $(newDiv).addClass("popup hide-scrol");
    newDiv.dialog({
        autoOpen: false, modal: true, show: "blind", hide: "blind" 
    });
    newDiv.html(response);
    newDiv.dialog("option", "width", $(".render-body").width() * 0.5);
    newDiv.position({
                     my: "center",
                     at: "left",
                     of: ".container"
                     });

输出

enter image description here

1 个答案:

答案 0 :(得分:0)

你试过这个吗?

newDiv.dialog("option").position({
   my: 'center',
   at: 'left',
   of: "#targetElement"
});

并引用JQuery Ui

的api文档
  

(默认值:null)

     
    

键入:Selector或Element或jQuery或Event     定位哪个元素。如果提供选择器或jQuery对象,则将使用第一个匹配元素。如果提供事件对象,则将使用pageX和pageY属性。示例:“#top-menu”