SimpleModal确认无法提交表单

时间:2009-12-08 19:12:36

标签: jquery simplemodal

我正在尝试使用jQuery SimpleModal确认在提交表单时显示是/否确认。

我修改了demo here(列表中的最后一个),如下所示,以捕获并阻止表单提交。

但是,这似乎只适用于jQuery 1.2.6。如果单击是,则最近升级到1.3.2会停止提交表单。

但是我不能弄清楚我的代码现在是错误/不兼容的。演示(这是一个简单的window.href实现在两个版本中都有效)。

$(document).ready(function () {

$('input.delete').click(function (e) {
        e.preventDefault();
        var target = $(e.target);
        confirm("Really delete this event?", function () {
            target.click()
        });
    });
 });

3 个答案:

答案 0 :(得分:2)

这样的事情怎么样?我们的想法是在提交事件上捕获(并触发!),而不是点击事件。

$(document).ready(function () {
    $('#myForm').submit(function() {
        var f = this;
        confirm("Really delete this event?", function () {
            $(f).submit();
        });
        return false;  // cancel the initial submit event
    });
});

希望这有一些帮助。祝你好运!

答案 1 :(得分:1)

乔,

演示是网站正在使用最新的jQuery,所以我不认为它是版本和SimpleModal之间的问题。

尝试怎么样:

target.submit();

-Eric

答案 2 :(得分:1)

结合使用Funka和Eric的建议:

$(document).ready(function () {  
$('.deleteconfirm').click(function (e) {
         e.preventDefault();
         confirm("Really delete this event?", function () {
         $('form#deleteform').submit()
         });
     });
 });