模态对话框 – 语义UI模态和ajax加载的内容

发布时间：2020-12-16 02:56:45 所属栏目：百科来源：网络整理

导读：我修改了原始modal.js脚本以支持ajax内容,并添加了一个名为“ajax”的新行为,这是我的一段代码： ajax: function(callback) { callback = $.isFunction(callback) ? callback : function(){} ; var $content = $(this).find('.content'); $.get("contentData

我修改了原始modal.js脚本以支持ajax内容,并添加了一个名为“ajax”的新行为,这是我的一段代码：

ajax: function(callback) {
  callback = $.isFunction(callback)
    ? callback
    : function(){}
  ;
  var $content = $(this).find('.content');
  $.get("contentData.php",function(data) {
    $content.html(data);
  });

我称之为：

$('body').on('click','.domOdal',function() {
    $('.ui.modal')
        .modal({
            observeChanges: true
        }).modal('ajax')
});

上面的代码工作正常并加载内容相关,但我想扩展一点,所以我可以包括其他信息,如自定义url,dataType等几乎所有的ajax选项,我想从初始化做到这一点部分如：

$('body').on('click',function() {
    $('.ui.modal')
        .modal({
            observeChanges: true
        }).modal('ajax',{"id":5},dataType:"json","url": http://myurl.php" etc...)
});

解决方法

这样做怎么样：

$('body').on('click',function() {
    $.ajax({
      url: "specs.html",type: 'POST',dataType: 'xml',dataType: 'html'
    }).done(function(response) {
        console.log(response)
      $(response).modal();
    });     
});

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!