9

jQuery の関数を使用して XHTML マークアップのフラグメントを読み込もうとして$.fn.loadいますが、新しいマークアップを DOM に追加しようとするとエラーが発生します。これを XML 宣言 ( ) に絞り込みました<?xml...?>。宣言なしで静的テキストを返すと、ビューは機能します。なぜこれが失敗の原因なのか、原因が jQuery、Firefox、または私のコードにあるのか、私には理解できません。

jQueryを使用してXHTMLフラグメントをDOMに挿入するにはどうすればよいですか?

$.get を使用しても機能しません。コールバックがDocumentオブジェクトを受け取り、それを DOM に挿入しようとすると、次のエラーが表示されます。

uncaught exception: Node cannot be inserted at the specified point in the hierarchy (NS_ERROR_DOM_HIERARCHY_REQUEST_ERR)
http://localhost:8000/static/1222832186/pixra/script/jquery-1.2.6.js
Line 257

これは私のコードです:

$body = $("#div-to-fill");
$.get ("/testfile.xhtml", undefined, function (data)
{
    console.debug ("data = %o", data); // data = Document
    $body.children ().replaceWith (data); // error
}, 'xml');

サンプル応答:

<?xml version="1.0" encoding="UTF-8"?>
<div xmlns="http://www.w3.org/1999/xhtml">
  <form action="/gallery/image/edit-description/11529/" method="post">
    <div>content here</div>
  </form>
</div>
4

1 に答える 1

15

代わりにこれを試してください（簡単なテストを行ったところ、うまくいくようです）：

$body = $("#div-to-fill");
$.get ("/testfile.xhtml", function (data)
{
    $body.html($(data).children());
}, 'xml');

基本的に、 .children() はルート ノードを取得し、div のコンテンツをそれに置き換えます。<?xml 宣言を含む xml ドキュメントを DOM に正確に挿入することはできないと思います...

于 2008-10-01T03:59:50.237 に答える