0

この追加されたiframeをどのように変更するのか疑問に思っています：

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

divに これを変更して、iframeを追加せず、代わりにajaxを使用する方法はありますか？私は使用できる必要があります 

src='" + url + "'

その一部。私はまだ初心者です。

私が編集しているスクリプトを見たい場合は、少し前のJohnResigによるGreyBoxReduxライトボックススクリプトです。これまでのところ、かなりの量のjqueryを削除しました。これは、Webサイトではなく、画像を表示するために必要なものがすべて揃っているためです。ほんの数キロバイトです。

ありがとう。

これが私が取り除いた後に残した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);

dividでnew を作成しGB_iframe、それを追加してGB_window、提供された URL からコンテンツをロードします。

于 2010-02-19T05:54:52.183 に答える
0

私の理解が正しければ、html ファイルの内容を読み込んで、iframe ではなく ajax を使用してページのセクションに配置したいですか?

これは、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 に答える