0

jquery は強力ですが、さまざまな問題があります。私はこのコードを持っています:

 $(
     function () {
         // Get a reference to the content div (into which we will load content).
         var jContent = $("#content");

         // Hook up link click events to load content.
         $("ul li a").click(
             function () {
                 var jLink = $(this);

                 // Clear status list.
                 $("#ajax-status").empty();

                 // Launch AJAX request.
                 $.ajax({
                     // The link we are accessing.
                     url: jLink.attr("href"),

                     // The type of request.
                     type: "GET",

                     // The type of data that is getting returned.
                     dataType: "html",


                     error: function () {
                         ShowStatus("AJAX - error()");

                         // Load the content in to the page.
                         jContent.html("<p>Page Not Found!!</p>");
                     },

                     beforeSend: function () {
                         ShowStatus("AJAX - beforeSend()");
                     },

                     complete: function () {
                         ShowStatus("AJAX - complete()");
                     },

                     success: function (strData) {
                         ShowStatus("AJAX - success()");
                         jContent.html($(strData).find('#bglogin').html());
                     }
                 });

                 // Prevent default click.
                 return (false);
             }
         );

     }
 );

ブログで使用すると、空白の白いページに移動します。何度も変更していますが、うまくいきません。しかし、空白のページで使用すると（このコードはブログにのみ使用してください）、機能し、新しい問題が発生します。このページには次のように考えています: /login これらのタグがあります:

<div id="login">
   <div id="bglogin">
     <p>hello</p>
   </div>
</div>

(jContent.html($( strData ).find('#bglogin').html());)IDを取得するjqueryを呼び出すと#bgloginコードが取得されますが、#loginIDが必要な場合は何も取得されません。

4

2 に答える 2

0

このhtmlで：

<div id="login">
   <div id="bglogin">
     <p>hello</p>
   </div>
</div>

このジャバスクリプト

$(strData).find('#login').html()

findメソッドは子要素を探し、この場合のルート要素は#login. 要素からchildID を持つ を探していますが、コードはそれを見つけることができません。それがうまくいかない理由です。この場合、単純に次のように記述します。#login#login

jContent.html(strData);
于 2013-07-07T12:44:13.073 に答える