Question

如果我想弹出一个特定的模态，我现在添加这个HTML并点击链接...

<a data-deploy-menu="notification-modal-3" href="#">Demo</a>

但是我想删除链接并在成功的ajax调用上调用模态。 Somethinkg喜欢以下，但不确定如何做到这一点。你能帮忙吗？

jQuery.ajax({

        url: "http://localhost/timesheets/mobile/add-timesheet.php",
        type: "POST",
        data: form.serialize(),
        crossDomain: true,
        datatype: "json",
        cache: false,
        success: function (data) {
            var jsArray = JSON.parse(data);
            console.log(jsArray);
            if ($.trim(jsArray.success) === 'yes') {
                $('#notification-modal-3').load;
            }
        },
        error: function (xhr, thrownError) {
            console.log(xhr.status);
            console.log(thrownError);
        }
    });
});

模态html如下......

    <div id="notification-modal-3" data-menu-size="345" class="menu-wrapper menu-light menu-modal">
    <h1 class="center-text">Test</h1>
    </div>

编辑：我有点工作..

所以我添加了一个href链接。例如......

<a id="notification-modal-4" data-deploy-menu="notification-modal-3" href="#"></a>

所以链接实际上并没有在页面上显示然后在我使用的ajax调用中

$('#notification-modal-4').click();

但如果有更好的方法可以做到，我将不胜感激......

Answer 1

基本上你可以在你的ajax成功代码中执行此操作：（很遗憾，我没有错过理解）

success: function (data) {
   var jsArray = JSON.parse(data);
   console.log(jsArray);
   if ($.trim(jsArray.success) === 'yes') {

       // fill up the modal with some content if it is dynamicaly
       $('#notification-modal-3').html('thank you');
       $('#notification-modal-3').show();
       // do some cleanup if needed like hide it if needed
       setTimeout(function() {
           $('#notification-modal-3').html('');
           $('#notification-modal-3').hide();
       }, 1000);

   }
},

通过控制ajax调用中的模态，您不需要任何（自动）链接点击。

成功进行Ajax调用时调用指向模态的链接

1 个答案: