模态效果不适用于动态新按钮

Question

当我尝试为使用 ajax 动态创建的按钮（这些按钮具有 class md-trigger）打开模态效果 window 时遇到问题。模式仅适用于静态按钮。如果我插入这些行：

$(document.body).on('click', '.md-trigger', function () {
        $('.md-trigger').modalEffects();
    });

第二次单击 ajax 调用后创建的新按钮后，模态窗口工作正常。

使用此代码（无需点击）：

$(document.body).on('load', '.md-trigger', function () {
        $('.md-trigger').modalEffects();
    });

模态不工作..

在没有刷新页面的情况下动态创建的每个新 md - 触发按钮使用模态的正确方法是什么？谢谢

Answer 1

尝试将模态触发器放入这样的函数中，然后在 ajax 成功时调用它

function triggerModal()
{
   $(document.body).on('click', '.md-trigger', function () {
        $('.md-trigger').modalEffects();
    });
}

//call it before ajax to make sure modal works for the static elements
triggerModal();

$.ajax({
   ..
   ..
   success: function(){
    //do whatever you need to do like loading new buttons
    //and after this call the function for the modal trigger again

    triggerModal();

   }
});

每次通过 ajax 加载一组新按钮时，您必须初始化 triggerModal 函数。

我希望这能完成工作，我测试了它并成功了。

模态效果不适用于动态新按钮

modal effect doesn't work for dynamic new buttons

ajax

jquery

modal-dialog