jquery - leanModal 在没有 .click() 的情况下启动

Question

我正在使用 leanModal http://leanmodal.finelysliced.com.au需要启动它来打开一个 div 但没有 .click() 方法。基本上我正在尝试这样做..

  if(cartItems === 0){
    $("#cartEmpty").leanModal(); // #cartEmpty is my div with the message that needs to be initiated.
  } else {
    $("#nextStep").leanModal(); // #nextStep is my div is the form 
  }

对此有什么想法吗？

Answer 1

我戳了一下 source code对于 leanmodal，看起来你不能。您仍然必须有一个链接才能触发它。但是，您应该能够执行类似以下未经测试的 top-of-my-head 代码的操作

在其中添加几个不可见的链接。内联样式是一件坏事，只能内联以简化

<a href="#cartEmpty" id="showCartEmpty" style="display:none" rel="leanModal" name="cartEmpty">empty cart</a>
<a href="#nextStep" id="showNextStep" style="display:none" rel="leanModal" name="nextStep">next step</a>

为 leanmodal 做正常的设置

$(function() {
    $('a[rel*=leanModal]').leanModal();     
});

在您的虚拟不可见链接上调用 click 方法

  if(cartItems === 0){
    $("#showCartEmpty").click(); // in theory this'll cause the modal to be shown
  } else {
    $("#showNextStep").click(); // in theory this'll cause the modal to be shown
  }

否则，源代码非常小，您应该能够将其整合到您自己的项目中并将其修改为可在要模态化的事物上调用，而不是在启动模态的事物上调用