1

私のコードは機能しません。前に挿入された要素が後のスクリプトで見つからないようです。

最初の 3 つの回答者として基本的な構文エラーを更新しましたが、まだ機能しないようです。

コード:

<html>
<head>
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://code.jquery.com/jquery-migrate-1.1.1.min.js"></script>
<script type="text/javascript"> 
$(document).ready( function() {
     $('#menu').html('<a href="page4.html" class="dynamicLoad">ddd</a>');
 });  

$(document).ready( function() {
        $( 'a.dynamicLoad' ).click( function( e ) {
            e.preventDefault();   // prevent the browser from following the link
            e.stopPropagation();  // prevent the browser from following the link
            $( '#myDiv' ).load( $( this ).attr( 'href' ) );
        });
});
</script>

</head>
<body>


<div id="menu">mymenu</div>
<div id="myDiv">aaaaaaaaaaaa</div>
</body>
</html>
4

4 に答える 4

0

innerHTMLステートメントを次のように変更します。

$('#menu').html("<a href='page4.html' class='dynamicLoad'>ddd</a>");
});

現在、ステートメントには複数の構文エラーがあります。

また、innerHTMLはjQueryではなくJavascript です。html ()は jQuery に相当します。

これは動作中のjsFiddleです。

コード全体は次のようになります。

HTML:

<div id="menu">mymenu</div>
<div id="myDiv">aaaaaaaaaaaa</div>

jQuery:

$(document).ready( function() {
     $('#menu').html("<a href='page4.html' class='dynamicLoad'>ddd</a>");
     $( 'a.dynamicLoad' ).click( function( e ) {
           e.preventDefault();   // prevent the browser from following the link
           e.stopPropagation();  // prevent the browser from following the link
           $( '#myDiv' ).load( $( this ).attr( 'href' ) );
     });
});
于 2013-04-16T10:19:45.260 に答える
0

そのはずhtml()

innerHTML== html() jqueryで

そしてあなたのエスケープ"

 $('#menu').html("<a href='page4.html' class='dynamicLoad'>ddd</a>");
   //------^^^^---here
于 2013-04-16T10:21:30.190 に答える
0

引用符の"問題があり、.html()代わりに使用します：

$('#menu').html('<a href="page4.html" class="dynamicLoad">ddd</a>');

jQuery は一部の JavaScript 関数を単純化しているためでは.html()なく、jQuery のメソッドを使用する必要があります。innerHTMLjQuery はまだ JavaScript ですが、構文が異なり、簡略化されています。

于 2013-04-16T10:21:38.093 に答える
0

これ

$('#menu').html("<a href='page4.html' class='dynamicLoad'>ddd</a>");
于 2013-04-16T10:27:18.100 に答える