別のページに動的に作成されたdivへのリンク

Question

データベースに保存されているイベントのタイトルを表示するナビゲーションバーのドロップダウンメニューがあります。ユーザーがこれらのリンクの1つをクリックしてクリックされた指定されたイベントにページを移動させることを許可しようとしています。問題は、ターゲットイベントがデータベースによって動的に作成されることです。

私は、イベントを取得して動的に作成するajaxリクエストが完了していないため、同時実行性の問題が発生していると思います。ページにリンクしてイベントがデータベースから作成され、オブジェクトdivにスクロールダウンするのを待つ方法がありますか？

ここ

<a href="events.php#2">The Choice </a> 

がevents.phpページ上のターゲットのdivである：ここで

は、ナビゲーションバーからのリンクのいずれかである

<div id='2'>Dynamic content</div> 

私はJavaScriptで行うことができる何かがあるのかPHPこれがロードされるまで待つことができますか？たぶん、隠しdivにアクセスして関数を起動し、関数がdivにスクロールしますか？

Answer 1

divが存在しないため、ページが読み込み時にスクロールしないため、そのページがスクロールするとスクロールします。おそらくこれはajaxクエリーが成功したときに発生するため、ページが新しいdivにスクロールされます。

例：

$.ajax({ 
    url: "test.html" 
    //whatever this ajax is supposed to do. 
}).success(function() { 
    //make the new div 
    $('body').append('<div id="newDiv></div>') 
    //scroll to the new div 
    $('html, body').animate({ 
    // window.location.hash is the div you want to scroll to as set by the link on the other page, and it even comes pre hashed ("#whatever"). 
    scrollTop: $(window.location.hash).offset().top 
    }, 2000); 
});