1

我正在尝试为帖子创建一个“编辑”按钮,单击该按钮将提交表单,该表单将传入帖子 ID 并调用模态(我正在使用引导模态)。打开的模式将显示传入的帖子 ID 中的内容。

但是,我想出一个既可以提交又可以调用模态(href)的标签时遇到了麻烦。我尝试了锚标签、输入标签和按钮标签的组合,但似乎都没有真正协同工作来实现目标。我会很感激任何建议。谢谢

<form>
<a  class="btn" data-toggle="modal" title="edit" id="editbtn" href="#myeditModal">
<input type="submit" name="edit" id="edit"></a>
</form>

----the modal div -------
<div class="modal hide" id="myeditModal">
4

1 回答 1

1

如果我正确理解了您的问题,我只需在提交按钮上使用 JQuery 单击功能,例如:

  • 用户点击表单上的提交按钮
  • jQuery点击功能打开模式
  • 返回真
  • 表单被提交

如果您需要模态在 Ajax 发布期间保持打开状态,那么只需使用相同的单击函数序列化表单、发布、等待响应并返回 false。

更新:

例如:

$(".your-submit-button").click(function() {
    // Do something with modal box
    $("#your-modal-box").show();
    // Do ajax request
    var url = $(this).parents("form").attr("action");
    var params = $(this).parents("form").serialize(); 
    $.post(url, params, function(output) {
        // Optionally do something with the output of ajax request
    });
    return false;
});
于 2012-06-06T16:17:50.790 回答