在一个页面上的多个SimpleModals

新手问题我认为，但也许不是......我正在使用SimpleModal作为项目，并且有一个页面上有多个触发器和模式的情况。在一个页面上的多个SimpleModals

页是在这里：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 ” ...没有骰子

我失去了我的心灵，睡前这应该是简单的帮助

来源

2012-04-11 J. Hogue

我认为.load（）是你在找什么：。。？

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

来源

2013-01-17 12:46:07

在一个页面上的多个SimpleModals

回答

相关问题