对话框定位并用关闭替换X.

Question

我是JavaScript的新手......使用JQuery创建自定义对话框。

问题（S）：

1. 如何使用特定的（X，Y）坐标（或其他某种机制）将对话框定位到我想要的任何位置？不要让它出现在中间。

2. 如何用“关闭”替换X？

有这个，但这只会让对话框的标题栏消失：

function showBox() {
  $( "#showBox" ).dialog( 
       {
          closeOnEscape: false,    
          open: function(event, ui) {
              $(".ui-dialog-titlebar-close").hide(); 
       }
  );
}

1. 如何设置它以便最终用户无法拖动或移动它？

任何帮助都会非常感激......

感谢您抽出宝贵时间阅读本文。

Answer 1

1. position选项
2. draggable选项

你可能不得不使用Close逻辑来获得你想要的东西，但这里是它的要点......

function showBox() {
    $( "#showBox" ).dialog({
        open: function(event, ui) {
            jQuery('.ui-dialog-titlebar-close').removeClass("ui-dialog-titlebar-close").html('<span>Close</span>');
        },
        draggable: false,
        position: [350,200],
        closeOnEscape: false
    });
}

编辑：抱歉这些链接不起作用，但这些选项位于链接页面的选项标签下。