0

我想知道如何更改这个附加的 iframe：

$("#GB_window").append("<iframe id='GB_frame' src='" + url + "'></iframe>");

进入一个div。有没有办法改变这一点，以便我不附加 iframe，而是使用 ajax？我需要能够使用 

src='" + url + "'

一部分。我还是个新手。

如果您想查看我正在编辑的脚本，那是John Resig 不久前编写的GreyBox Redux灯箱脚本。到目前为止，我已经删除了相当数量的 jquery，因为我只需要它来显示图像，而不是网站。它也只有几个 kb。

谢谢。

这是我剥离后留下的jquery：

    var GB_DONE = false;

function GB_show(caption, url, height, width){
    GB_HEIGHT = height || 400;
    GB_WIDTH = width || 400;
    if (!GB_DONE) {
        $(document.body).append("<div id='GB_overlay'></div><div id='GB_window'>");
        $("#GB_overlay").click(GB_hide);
        $(window).resize(GB_position);
        GB_DONE = true;
    }

    $("#GB_frame").remove();
    $("#GB_window").append("<iframe id='GB_frame' src='" + url + "'></iframe>");

    $("#GB_overlay").fadeIn(350, function(){
        $("#GB_window").fadeIn(350);
    });
    GB_position();
}

function GB_hide(){
$("#GB_window,#GB_overlay").fadeOut(350, function(){
    $("#GB_window,#GB_overlay").hide()
});
}

function GB_position(){
var de = document.documentElement;
var w = self.innerWidth || (de && de.clientWidth) || document.body.clientWidth;
$("#GB_window").css({
    width: GB_WIDTH + "px",
    height: GB_HEIGHT + "px",
    left: ((w - GB_WIDTH) / 2) + "px"
});
$("#GB_frame").css("height", GB_HEIGHT - 32 + "px");

这是来自 html 文件的：

    <script type="text/javascript">
  var GB_ANIMATION = true;
  $(document).ready(function(){
    $("a.greybox").click(function(){
      GB_show(this.title || $(this).text() || this.href,this.href,470,600);
      return false;
    });
  });
</script>

对不起，如果这很多：/

4

2 回答 2

0

而不是append("<iframe>....");线使用这个

$("<div id='GB_frame'></div>").appendTo("#GB_window").load(url);

它将div使用 id创建新的GB_iframe，将其附加到GB_window然后将提供的 url 中的内容直接加载到其中。

于 2010-02-19T05:54:52.183 回答
0

如果我理解正确，您想加载 html 文件的内容并使用 ajax 而不是 iframe 将其放置在页面的一部分上？

使用 jQuery 加载方法非常简单。

$("#GB_window").load("url to load from");

这会将您指向的 html 文件的内容放置为 id 为“GB_window”的元素的内容。

编辑

那么，您要显示图像文件吗？

您需要使用<img>标签。尝试这个：

$("img").attr("src", "url to image").appendTo("#GB_window");
于 2010-02-19T05:55:48.250 回答