javascript - jqueryは、jqueryスライダーが開始される前と同じように、ページのhtmlをコピーします

Question

Web ページがあり、そのページに nivo スライダーのような jquery スライダーがある場合。jQuery のある時点で、nivo スライダーが開始される前と同じように、ページの html をコピーできるようにしたいと考えています。

アニメーション中にスライダーが div と画像に配置するすべてのインライン スタイルと数値を .html() にキャプチャしたくないので、これを実行したかったのです。

Web ページの静的な html を取得する方法はありますか?

Answer 1

• スライダーが初期化される前にページの html をキャプチャし、後で使用するために変数に保存できます。そうすれば、その後ページに変更が加えられることはありません。

• スライダーを取得した後、html からスライダーを削除できます。そのようなものはうまくいくはずです：

  var html = $('body').clone().find('slider').remove().end().html();

Answer 2

表示中のページで jQuery の load 関数を使用してみてください。これにより、すべての HTML が読み込まれますが、スクリプトは実行されません。

何かのようなもの

$("#copy-page").click(function(e) {
    var href = window.location.href;
    $("#result").load(href);
});

変数に保存する必要がある場合は、$.get()代わりに使用できます。

$("#copy-page").click(function(e) {
    var href = window.location.href;
    var content;
    $.get(href, function(data) {
        content = data;
        alert(content);
    });
});