2

ボタンをクリックすると、ページをロード (一部を更新) したい。したがって、私はこのjQueryコードを次のように使用していますWordpress:

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

私が望むのは、single.php のファイルにある特定の div または ID をロードすることですが、それを機能させることができません。私はこれを試しましたが、うまくいきませんでした：

jQuery(document).ready(function() {
    jQuery("#dynamic").load("single.php + '#certain-id'");
});

私が尋ねることはjQueryでも可能ですか? はいの場合、どのように？投稿を Ajax のように更新したいだけです...

PS: 私は single.php を使用しているため、各投稿には一意のURL名前が付けられています。したがってhyperlink、関数で を使用することはできません。つまり、一言で言えば、single.php全体をロードするのではなく、single.phpの一部をロードしたいのです。

4

1 に答える 1

1

ロードしているファイルの後に、 load() でselector与える必要があります

jQuery(document).ready(function() {
    jQuery("#dynamic").load("single.php #certain-id");
});

ページフラグメントの読み込み

.load() メソッドは、$.get() とは異なり、挿入するリモート ドキュメントの一部を指定できます。これは、url パラメータの特別な構文で実現されます。文字列に 1 つ以上のスペース文字が含まれている場合、最初のスペースに続く文字列の部分は、読み込まれるコンテンツを決定する jQuery セレクターと見なされます。

上記の例を変更して、取得したドキュメントの一部のみを使用することができます。

1 $('#result').load('ajax/test.html #container');

このメソッドが実行されると、ajax/test.html のコンテンツが取得されますが、jQuery は返されたドキュメントを解析して、container の ID を持つ要素を見つけます。この要素は、そのコンテンツとともに、ID が result の要素に挿入され、取得されたドキュメントの残りの部分は破棄されます ( Reference ) 。

于 2013-07-19T14:00:24.683 に答える