Question

新手问题我想，但也许不是......我正在使用SimpleModal进行项目，并且有一个案例，页面上有多个触发器和模态。

Page在这里：http://lumetta.highchairdesign.com/newsite/lumenate-portfolio/linen

触发器的标记就像：

<a class="modalbutton" href="#item_31" title="D112 Sand"
    style="background-image: url(/newsite/documents/gallery_photos/59.D112-Sand.jpg);">
</a>

模态的标记就像：

<div id="#item_31" class="modal">
    <h3>D112 Sand</h3>
    <a href="javascript:;" class="lumenate_largethumb" style="background-image: url(/newsite/documents/gallery_photos/59.D112-Sand.jpg);">
    </a>
</div>

是的，我知道这很奇怪，但模态中包含一个精灵，这就是为什么我使用带有背景图像的A ......

我的JS看起来像：

$(".modalbutton").click(function (e) {

  var iden = $(this).attr("href"); 

  $("" + iden + "").modal( {
      close: true 
  }); 
});

我的JS正在尝试找出已点击的链接，并使用正确的DIV注入。我得到了点击动作，我得到了模态容器，但内容没有被注入。

我尝试围绕“iden”变量引用，我试过没有引号......没有帮助。我尝试了对模态操作的直接调用，它看起来像$ .modal（$（iden），{etc ...，没有运气。我尝试将内容div ID传递给SimpleModal的正确设置变量，即“dataId” “......没有骰子。

我正在失去理智，上床睡觉。这应该是简单的。救命？

Answer 1

我认为.load（）就是你要找的东西：

$(".modalbutton").click(function(e)
{
    var iden = $(this).attr("href");
    $("<div></div>").load( iden ).modal(
    {
        overlayClose: true
    });
});

一页上有多个SimpleModals

1 个答案: