0

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

页面在这里： 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 ), { 等等...，没有运气。我尝试将内容 div ID 传递给 SimpleModal 的正确设置变量，即“dataId “... 没有骰子。

我快疯了，要睡觉了。这应该很简单。帮助？

4

1 回答 1

2

我认为 .load() 是您正在寻找的：

$(".modalbutton").click(function(e)
{
    var iden = $(this).attr("href");
    $("<div></div>").load( iden ).modal(
    {
        overlayClose: true
    });
});
于 2013-01-17T12:46:07.417 回答