BinaryDevelop
  1. ホーム
  2. javascript

[解決済み】JQuery $("#content").append が動作しない。

2022-02-10 15:30:56

質問

JQueryを学ぼうとしていますが、うまくいきません。現在、私が学ぼうとしているのは .append を使用して、リロードせずに新しい動的なコンテンツを表示できる Ajax 機能を持たせています。しかし、以下のようにすると、何も起こりません。 

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
    <head>
        <title>JQuery Test</title>
        <script src="http://code.jquery.com/jquery-2.0.3.min.js"></script>
    </head>
    <body>
        <div id="content"/>
        <script type="text/javascript">
function callback() {
    $("#content").append($("qwerty"));
};
$(document).ready(function() {
    //window.setTimeout(callback, 100);
    callback();
});
        </script>
    </body>
</html>

私の知る限りでは、これによって "qwerty" は、あたかも私が単に <div id="content">qwerty</div> しかし、代わりに白紙のページが表示されます。もし私が .append の呼び出しは alert("qwerty") の場合、きちんと表示されます。何が間違っているのでしょうか？

解決方法を教えてください。

タグ名の要素を探そうとしています。 qwerty のように、Domの中で <qwerty>sometext</qwerty> に追加し、それを #content .

文字列を追加する場合 qwerty に #content 使う 

$("#content").append("qwerty");

デモの様子 フィドル

関連

最新

おすすめ

について
/
プライバシー・ポリシー
/
お問い合わせ
© 2022 BinaryDevelop. すべての権利は、それぞれの所有者に帰属します