JQuery对话框破坏

时间:2011-08-16 11:08:32

标签: jquery ajax ruby-on-rails-3 jquery-ui-dialog

如何在jQuery中实现调用对话框“Ok”函数的destroy方法?

$('.dialog').dialog({
  autoOpen: false,
  width: 600,
  buttons: {
    "Ok": function() { 
      $(this).dialog("close");
    }, 
    "Cancel": function() { 
      $(this).dialog("close"); 
    } 
  }
});

$('.dialog_link').click(function(){
  $('.dialog').dialog('open');
  return false;
});

感谢您的帮助!

2 个答案:

答案 0 :(得分:2)

您必须使用AJAX请求。

请阅读此处的文档:http://api.jquery.com/jQuery.ajax/

答案 1 :(得分:2)

这里的解决方案

<强> HTML:

<a href="users/***Item id***"

<强> JQuery的:

$('.dialog_link').click(function(){
  url = this;

  $('.dialog').dialog('open');
  return false;
});

$('.dialog').dialog({
  autoOpen: false,
  width: 600,
  buttons: {
    "Ok": function() {
      $.ajax({
        url: url,
        type: 'post',
        data: { '_method': 'delete' },
        success: function(html){
          $("body").html(html)
        }
    })
    $(this).dialog("close"); 
    }, 
    "Cancel": function() { 
    $(this).dialog("close"); 
    } 
  }
});

亲切的问候shub