例については、 http://myownmealplanner.com/mealplans/add/5を参照してください。食事タイルをページの右側にドラッグすると、[食事タイルのリストに戻る] をクリックした後もそこにとどまりますが、もちろんページ全体が更新されるため、そうではありません。食事プランのタイル (トップに戻るボタンなど) だけにアンカーを追加しようとしましたが、それでもページ全体が更新されます。jquery、javascript、またはphpでこれを行う方法は考えられません。何か案は?500 カロリーのリストからタイルを追加してから、たとえば 300 カロリーのリストを追加できるはずです。現在、私は 500 カロリーのタイルしか持っていませんが、それがどのように機能するかを見ることができます. これは Cakephp フレームワークで作成されていますが、基本的には通常の Web サイトと同じです。
http://myownmealplanner.com/mealplans/add/5から始めて、「100 cal tiles」div をクリックすると、「Request success MEAL TILES」という ajax メッセージが表示されます。
<div id="clickMe">100 cal tiles</div>
<div id="result"></div>
<script type="text/javascript">
$("#clickMe").click(function() {
$('#result').load('test');
});
</script>
ただし、Cakephp の問題は、すべての読み込みに対して ajax.ctp ファイルが 1 つしかないように見えるため、タイル コレクションごとに 1 つずつ、8 つの個別のメッセージを作成できないことです。たとえば、他のファイルと同じ ajax.ctp ファイルを使用せずに、test と呼ばれる CTP をロードするにはどうすればよいですか? コールバックごとに個別の ajax.ctp が必要です。