1

Jquery を使用して外部 Web ページを div (#siteloader) にロードしようとしていますが、div の高さを調整して、スクロール バーを取得せずに外部サイトのコンテンツに合わせてサイズを変更する方法がわかりません。 . 私は間違いなくiframeを使いたくありません。

コードは次のとおりです。

<!doctype html>
<html>
    <meta charset="utf-8">
    <title>Load remote content into object element</title>

    <style type="text/css">
    object {
        width: 100%;
    }       
    </style>

    </head>

    <body>
        <div id="siteloader"></div>

        <script src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
        <script>
        $("#siteloader")
            .html('<object data="https://system.netsuite.com/pages/customerlogin.jsp?country=US">');
        </script>

    </body>

</html>

これに関する助けがあれば大歓迎です！

4

3 に答える 3

2

div拡大していないのではなく、 object. それを修正してみてください -デモ

html, body {
    height: 100%;
}

div {
    height: 99%;
}

object {
    width: 100%;
    min-height: 100%;
}
于 2012-10-05T16:45:53.613 に答える
1

jQuery には .load() という関数があり、残念ながらクロスドメイン HTML の取得には使用できません。

AJAX GET を呼び出して HTML を取得し、それを div に入れることができます。

または、この mod を試すことができます: http://james.padolsey.com/javascript/cross-domain-requests-with-jquery/

于 2012-10-05T16:45:02.473 に答える
0

高さや幅を指定しない場合は、適切なサイズに自動的に拡張されますが、またはを設定することをお勧めしmax-heightますmax-width.overflow: hiddenスクロールバーを防ぐ

于 2012-10-05T16:39:53.973 に答える