交換方法は全CSSのページをajaxでご要望jQuery?

StackOverflow https://stackoverflow.com/questions/2146594

  •  23-09-2019
  •  | 
  •  

質問

いての文書とCSSのリンクです。たいのですが交換して電流CSSを一から書面で取得AJAX請求jQueryを使う?

こちらのコードをって、現在もなっている:

$(function() {
    $.get('next_page.html', function(data, textStatus) {
        $('link[rel=stylesheet]:first')
            .attr('href', $(data).find('link[rel=stylesheet]:first').attr('href'));
    });
});

更新: $.find()は他のブラウザの検Firefox3.5, Chrome、Safari3Mac)、 $.フィルター()このスタイルシートのみ Firefox3.5-まだ何もしていない Chrome、Safari3.

では無地で、右に置き換え電流CSS hrefので、voilá?

何らかの理由でjQueryに失敗したかもしれませんので、何の <head> タグをするところからきているそうAJAXます。また、jQueryでも失敗の全体 <head> から自分のAJAXでのデータです。つまり、 $(data).find('head').size() コールバック関数の内部では0を返します。

私はjQueryを使った1.4.

更新月10,2010:さんまこのjQueryとのことで合意できないかもしれませんので、何らかの <head> タグからのデータをajax. こちらの対応ん:

http://dev.jquery.com/ticket/6061#comment:1 —"終の修正-解析 直HTMLして保証するも 内容は、本体要素になります。の場合 希望のアクセスは、XMLのページ 直しておくことをお勧めします 明示的にファイルです。xhtmlや 請求もしてXMLとしては、例えば:"

役に立ちましたか？

解決 3

これはjQueryの開発チームごととして有効である - 「我々は唯一のbody要素の内容を保証するストレートHTMLを解析し、あなたが直接そのページのXMLにアクセスしたい場合、私はあなたが明示的にファイルを.xhtmlや要求を行うことをお勧めします。それXMLとして、例えば： "

$.ajax({ dataType: "xml", file: "some.html", success: function(data){ ... });

他のヒント

このjqueryのは、それを行う必要があります：

  $(document).ready(function() {
        $.get("next_page.html", function(data) {
            $("link[rel='stylesheet']").attr("href", $(data).filter("link[rel='stylesheet']").attr("href"));
        });
    });

これを試してみてください 

$.load('next_page.html', function(data) {
    $('link[rel=stylesheet]:first').replaceWith($(data).find('link[rel=stylesheet]:first'));
});

あなたが実際におそらく問題だったことやあなただけの.loadパーツを追加するのを忘れて、あなた自身の例では、AJAX呼び出しを行うされませんでしたか？これは、それが$(document).ready(function() { ... });ブロック内であることを考えると、うまく動作するはずです。

いすに取り組んでます。こんにちを追加しましたidのマイリンクタグは私のcssが読み込まれます。その後変更のattri hrefきたいです。

HTML:

<link type="text/css" href="/llt_style/skin/nuit.css" rel="stylesheet" id="llt_skin_href"/>

のを使用してい選択を行う事によって、ユーザの選択彼の皮膚などです。

<select onchange="$('#llt_skin_href').attr('href', $(this).val());">
    <option value="/llt_style/skin/jour.css">Jour</option>
    <option value="/llt_style/skin/nuit.css">Nuit</option>
</select>
ライセンス： CC-BY-SA と 帰属
所属していません StackOverflow
scroll top