Question

我已经研究了一段时间，但无法弄清楚这一点。我正在建立一个调查网站，跟踪光标的位置。我还需要显示带有说明的模态弹出消息 - 到目前为止一切顺利。问题是关闭模态弹出窗口，单击确定，光标将处于预设位置。长话短说，我需要随机化模态弹出窗口的位置，这是我到目前为止所做的：

var ypos = ["top", "bottom"],
    xpos = ["left", "right"],
    yrand = Math.floor(Math.random() * 2),
    xrand = Math.floor(Math.random() * 2);
var box_pos = ypos[yrand] + " " + xpos[xrand];
$('#modalUIWrap').dialog({
    modal: true,
    resizable: false,
    autoOpen: false,
    width: 500,
    position: box_pos,
    buttons: {
        "Got it!": function () {
            $(this).dialog("close");
        }
    }
});

当我在box_pos的定义中摆脱了xpos或ypos时，它工作得很好，就像我直接声明位置是“左上角”或其他什么时一样，但是当我将它组合时却没有。有什么想法吗？

Answer 1

你换了价值观。 The documentation表示有效string值为"[xpos] [ypos]"。

请注意这个小提琴的位置是否正确：http://jsfiddle.net/Q4fFh/

这个不是这样的：http://jsfiddle.net/Q4fFh/1/

尝试简单地交换周围的值：

var box_pos = xpos[xrand] + " " + ypos[yrand];

偏离主题：在屏幕上的随机位置弹出模态对话框可能会让你的用户感到厌烦

动态x和y位置Jquery对话框

1 个答案: