は、Ajaxを使用して別のページでエコーの項目をクリックすることはできません - $（文書）.onは私が2ページを抱え更新

Question

が機能していません。 jsファイルに接続されたインデックスページ。このjsファイルには、データベースからデータを取得するajaxコードが含まれています。 これは私のjsが

$(document).ready(function() { 

    // getting links from db andshow sub_menu div // 
    $(".menu_item").mouseover(function(){ 
     $(this).addClass("selected").children().slideDown(500,function(){ 
      var id = $(".selected").attr("id"); 
      var ajax= false; 
      ajax = new XMLHttpRequest(); 
      var qst = "?id="+id; 
      ajax.open("GET","ajax/get_sub_cats.php"+qst); 
      ajax.onreadystatechange = function(){ 
       if(ajax.readyState == 4 && ajax.status == 200){ 
        $(".sub_menu[title="+id+"]").html(ajax.responseText); 
       } 
      } 
      ajax.send(null); 
     }); 
    }); 

    // hiding sub_menu div // 
    $(".menu_item").mouseout(function(){ 
     $(this).removeClass("selected").children(".sub_menu").slideUp(500); 
    }); 

    // keeping sub_menu div visible on mouse over // 
    $(".sub_menu").mouseover(function() { 
     $(this).stop(); 
    }); 

    // clicking sub menu link in the menu // 
    $(document).delegate("a#subCatLink","click",function(){ 
    alert("test"); 
    }); 
    // document ready end 
    }); 

ファイルであり、これは、すべての

Answer 1

残念ですが、おそらくこれが役立つかもしれません。

jQueryの

$(".menu_item").mouseover(function(){ 
    var id = $(".selected").attr("id"); 
    var qst = "?id="+id; 
    var html = ''; 
    $.getJSON('ajax/get_sub_cats.php'+qst, function(data){ 
     var len = data.length; 
     for (var i = 0; i< len; i++) { 
      html += '<a id="subCatLink'+data[i].Sub_Cat_ID+'" href="products.php?id='+data[i].Sub_Cat_ID+'">'+data[i].Sub_Cat_Name+'</a>'; 
     } 
     $(".sub_menu[id="+id+"]").html(html); 
    }); 
}); 

PHP私はアヤックスが表示されない

require('../_req/base.php'); 
$return = array(); 

$id = $_REQUEST['id']; 
$sql = "select * from sub_cats where Main_Cat_ID = '$id'"; 
$result = mysql_query($sql); 

while($ln = mysql_fetch_array($result)){ 
    $return[] = $ln; 
} 

echo json_encode($return); 

Answer 2

で動作していないAJAXを使用して他のPHPファイルからデシベル

<?php 
require('../_req/base.php'); 
$id = $_REQUEST['id']; 
$getSubcatsQ = "select * from sub_cats where Main_Cat_ID = '$id'"; 
$getSubcatsR = mysql_query($getSubcatsQ); 
$numrows = mysql_num_rows($getSubcatsR); 
while($row = mysql_fetch_array($getSubcatsR)){ 
    ?> 
    <a id="subCatLink" href="products.php?id=<?php echo $row['Sub_Cat_ID']; ?>"><?php echo $row['Sub_Cat_Name']; ?></a><br /> 
    <?php 
} 
mysql_close($connect); 
?> 

クリックリンクからのリンクを取得するために使用get_sub_cats PHPファイルであります

OK、テストとして、時間を示すべきである。この

$(document).delegate("click","a",function(){ 
    var target = $(this).attr("href"); 
    alert(target); 
}); 

してみてくださいあなたのページのすべてのリンクのためのef。それがうまくいく場合は、表示するすべてのリンクをdivに入れてください。それでは

$('#divID').delegate("click","a",function(){ 
    var target = $(this).attr("href"); 
    alert(target); 
})