对话框定位并将X替换为Close

Question

我是JavaScript新手…我正在使用JQuery创建一个自定义对话框。

问题(s):

1. 如何使用特定的(X,Y)坐标(或其他机制)将对话框定位到屏幕上我想要的任何地方?不希望它出现在中间

2. 如何将X替换为"Close"?

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

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

1. 如何设置它，使其不能被最终用户拖动或移动?

任何帮助都将是最感激的…

感谢您花时间阅读这篇文章

Answer 1

1. 位置选择
2. 可拖动选项

你可能不得不使用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
    });
}

编辑:对不起，链接不起作用，但这些选项在链接页面的选项卡下找到。