在一個頁面上的多個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

回答

相關問題