0

divボタン上のコンテナーを jQueryに置き換えたいのですがonclick、これを行う方法がわかりません。私はこれを試しました：

jQuery(document).click(function() {
("#dynamic").load("single.php #partial_index");
});

でもどうやって交換するの？クリックしても表示されませんが（何もしません）、divを置き換えるとは言っていないので、それは正常だと思います。この仕事を得ることができる変更はありますか？

ボタンのダイナミックをクリックすると、div を test という ID に置き換えたいと思います。single.php #partial_index に置き換えてほしい。ボタンは現在何もしません。

4

4 に答える 4

3

まず、次のように、プライマリ コードが DOM 対応構造の内側にあることを常に確認してください。

jQuery(document).ready(function() {
    // This fires when the DOM has loaded (thus all your link(stylesheet) and script includes at the very least
});

関数内で ('#dynamic') を使用しているのがわかりますが、$ jQuery グローバルまたは jQuery 名前空間自体がありません。次のように使用します。

jQuery('#dynamic');

または

$('#dynamic');

次に、div 内のコンテンツを置き換えるために使用したいボタンがありますか?

$('button').click(function() {
    $('#dynamic').load('single.php#partial_index');
});

次のように、コンテンツを新しい要素に置き換えることもできます。

$('#dynamic').replaceWith($('<div>I am a new jQuery dynamic element!</div>'));
于 2013-07-19T14:43:33.030 に答える
1

テストされていませんが、このようなものは機能するはずです

$("#dynamic").click(function() {
    $("<div />").attr("id", "#partial_index").load("single.php #partial_index", function(data){
         var newDiv = $(this).html(data);
         $('#test').replaceWith(newDiv)  
     })
});
于 2013-07-19T14:58:36.430 に答える
1

このコードが行うことは、クリック ハンドラーをドキュメントにバインドすることです。ドキュメントをクリックするとsingle.php #partial_index、要素に読み込まれ#dynamicます (ただし、$:がありません$('#dynamic')。

ここにあなたが欲しいと思うものがあります：

$('#dynamic').click(function() {
    $('#test').load("single.php #partial_index");
});
于 2013-07-19T14:42:16.470 に答える