从页面的href中加载div ..

时间:2012-08-04 15:48:44

标签: jquery modal-dialog colorbox html-content-extraction

我的页面有很多div用<a href>来打开modalboxes(colorbox)。这些链接打开的页面有id="mainColumn"。只需从此ID加载内容。

<div>                       
<a href="includes/page_1.html" class="pop"></a>
</div>

<div>                       
<a href="includes/page_2.html" class="pop"></a>
</div>

<div>                       
<a href="includes/page_3.html" class="pop"></a>
</div>


 $(".pop").colorbox({
    href: $(".pop").attr('href') + " #mainColumn"
    });

<a>的al的href变成第一个......

所以 include / page_3.html更改为includes / page_1.html 或换句话说:所有模态框都显示相同的内容......

$(this)给我内容未定义

感谢任何帮助,谢谢

1 个答案:

答案 0 :(得分:7)

在colorbox的选项中,您引用了$(".pop").attr('href'),其中第一个 href元素的.pop属性。你必须把它包装成调用each方法。

$(".pop").each(function() {
  var el = $(this);
  el.colorbox({
    href: el.attr('href') + " #mainColumn"
  });
});