Question

JavaScript代码：

function openBlockEditor(block, nick) {
var blockInfo = $.ajax({
    url: "in/GameElement/BlockEditor.php",
    type: "GET",    
    data: 'block=' + block + '&nick=' + nick,
    dataType: "html"
});

blockInfo.done(function(msg) {
    $("#dialog-modal").html(msg).dialog();
    $('.ui-dialog-title').html("Block editor")
});

blockInfo.fail(function(jqXHR, textStatus) {
    alert( "Please report this: " + textStatus );
}); }

我正在使用默认的jquery css和js文件。请告诉我在这段代码上添加一些模态对话框参数的正确方法？我正在学习ajax。这段代码工作100％，但我需要一些例子如何设置对话框窗口动画和大小参数。感谢。

Answer 1

而不是在没有任何选项的情况下执行.dialog()

只是通过一些，你会在文档http://api.jqueryui.com/dialog/中找到很多一些动画和你的头衔可以是例如。

$("#dialog-modal").html(msg).dialog({
  title:"Block editor",
  show: {
    effect: "blind",
    duration: 1000
  },
  hide: {
    effect: "explode",
    duration: 1000
  }
});

选项只是作为一个对象传递，要理解它，这是完全相同的

var options =  {
  title:"Block editor",
  show: {
    effect: "blind",
    duration: 1000
  },
  hide: {
    effect: "explode",
    duration: 1000
  }
}

...  .modal(options)

使它成功，对于你的情况可能就像：

function openModal(selector,content,title){
    $(selector).dialog({
          open:function(){
            $(selector).html(content);
          },
          title:title,
          show: {
            effect: "blind",
            duration: 1000
          },
          hide: {
            effect: "explode",
            duration: 1000
          }
    });
}

你只需打开如下对话：

blockInfo.done(function(msg) {
    openModal("#dialog-modal",msg,"block content");
});

因此您可以选择内容标题和选择器，您可以传递文档中声明的所有内容

玩得开心！

如何为此代码添加模态窗口参数？

1 个答案: