Question

我必须在彩色框中只打开外部html页面的一部分。

我尝试过这种方式，但是它在指定的部分打开了整个页面（在id =“content”的div处）：

<a class="iframe" href=www.mypage.com #content" />

我该怎么办？

Answer 1

如果div始终位于相同位置，您只需设置iframe的位置即可。这是我网站上的徽标。

<div id="divContainer" style="position: absolute; left: 50px; top: 90px; border: solid 2px #000;">
<div id="frameContainer" style="overflow:hidden;">
    <iframe src="http://www.refficient.com" scrolling="no" style="width: 325px; height: 125px; margin-top: -40px;">
    </iframe>
</div>
</div>

http://jsfiddle.net/calder12/Y8bzf/

除此之外，您可以获取外部网站的内容并解析dom以获取div的内容，但这将是更多的工作。

Answer 2

你可以用jQuery做到这一点：

    $('#result').load('http://www.mypage.com #container');

Answer 3

我已经用这种方式解决了：

$('.link-popup').on('click', function(e) {
  e.preventDefault();
  url = $(this).attr('href');
  $content = $('#popup');
  $content.load(url + " .content", function() {
    popup($content, "ajax");
  });
});

/* where popup is a custom function */

function popup(content, contentType) {
  $(content).bPopup({
    easing : 'easeOutBack', // uses jQuery easing plugin
    speed : 500,
    transition : 'slideDown',
    content : contentType, // 'ajax', 'iframe' or 'image'
  });   
}

Colorbox：仅显示另一个html页面的一部分

3 个答案: