Question

            $("#hidePopup").dialog({
                dialogClass: "no-close",
                position: { my: "right top", at: "right bottom", of: $("#hideCross")},
                autoOpen: false,
                draggable: true,
            }).dialog("widget").find(".ui-dialog-titlebar").hide();

在我的网站上呈现弹出窗口的代码如下所示。如何更改位置以使其在点击位置弹出？我如何改变我的立场：部分？

Answer 1

据我所知，你想在点击位置打开对话框。为了获得该位置，您必须使用点击事件跟踪鼠标的位置，请参阅下面的检查代码。

$(document).click(function (e) {
    $("#Dialogid").dialog("option", { position: [e.pageX, e.pageY] });
});

以上代码将在点击位置

打开您的对话框

Answer 2

试试这段代码

＆＃13;

$(window).click(function(e) {
  $(".popup").css({left: e.pageX});
  $(".popup").css({top: e.pageY});
  $(".popup").show();
});

＆＃13;

.popup {
  display: none;
  position: absolute;
  color: white;
  padding: 40px;
  border: solid 1px #ddd;
  background: green;
  text-align: center;
  width: 10%;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="popup" style="">
   Popup text...
</div>

＆＃13;

在单击鼠标的位置打开弹出窗口

2 个答案: