jquery - 使用变量中定义的 bPopup 和 url 创建的模态窗口

Question

我正在尝试使用 bPopup 插件创建一个模型窗口。我认为我不明白的是如何使 loadUrl 成为变量。我无法更改标记。问题是因为它是相对 url 并且不完全限定吗？我确实尝试了 loadUrl:'http://site.name.org' + $(this).attr('href') 我不知所措，欢迎任何建议。

$("<div id='element_to_pop_up'/>").appendTo("body");

$('.cit-thumbnail-link').bind('click', function(e) {
    e.preventDefault();

    $('#element_to_pop_up').bPopup({
        content:'iframe',
        contentContainer:'.content',
        loadUrl:$(this).attr('href')  
    });               
});

标记

<a 
  href="/content/early/2012/11/12/jscr.rjs013.featured-figure.html"
  class="cit-thumbnail-link"
>
    <img 
      alt="Thumbnail"
      src="/content/early/2012/11/12/jscr.rjs013/embed/icon-1.gif"
      class="cit-thumbnail"
    >
</a>

Answer 1

如果您的问题是相对 href，您应该使用以下方式发送它的原始内容:

this.href

而不是$(this).attr('href')。

这样您就可以向 loadUrl 发送完整链接。