AJAX работает только во втором клике

Question

Это моя страница index.html, где я пытаюсь реализовать простой AJAX при нажатии на тег привязки, текст будет передан на страницу PHP data.php, и на этой странице отобразится страница, на которую будет нажата кнопка. Да, код работает, но когда я впервые нажимаю на ссылку, ничего не отображается и со второго раза она работает. Где проблема на самом деле?

Это мой сценарий

<script> 
$(document).click(function(){ 
    $("a").click(function(){ 
     //when clicked our ajax will work 
     $.get('data.php',{'page':$(this).text()},function(data){ 
      $('#result').html(data); 
     }); 
    }); 
}); 
</script> 

И это мой PHP для AJAX

<?php  
$anchortext=$_GET['page']; 
if(isset($anchortext)) 
{ 
    echo 'this is a'.$anchortext; 
} 
?> 

Answer 1

Вы неуместны $(document).click(..) для $(document).ready(....), так что только после того, как первый нажмите обработчик Клик зарегистрирован в a элемент

$(document).ready(function(){ 
    $("a").click(function(){ 
     //when clicked our ajax will work 
     $.get('data.php',{'page':$(this).text()},function(data){ 
      $('#result').html(data); 
     }); 
    }); 
}); 

Answer 2

Использование $(document).ready вместо $(document).click.