在onclick和div上觸發ajax調用

Question

我正在嘗試基於onclick事件觸發AJAX調用，以進行Google地圖集成。 此處顯示的info_window_content函數： http : //jsfiddle.net/6xw2y/是創建位於地圖本身內的div的調用。

實際上，“ v”變量確實包含一個store_id。 因此，在該函數的開頭，它具有以下內容：

var info_window_string = "<div class='maps_popup' id="+v.id+">";

現在，我已經復制並修改了一個onclick事件。 第一個onclick事件可以很好地工作並刷新面板。 第二個onclick事件無效，其代碼如下：

 $("#div").click(function(){
   var store_id = $(this).find("div").attr("id");

    var pathname =  "ajax=1&store_id="+store_id+"&action=get_nearby_stores&distance="+distance+"&lat="+lat+"&lng="+lng+"&products="+$('#edit-products').val();

    $("#pocp_content").load("file1.php?" + pathname);

 });    

這似乎不起作用。 我也嘗試過將div標簽更改為：

$("div").click(function(){

仍然不起作用。 作為補充提示。 有一次我能夠刷新它，但是它通過map-container作為store_id而不是id本身。

我在這里想念什么？

Answer 1

我同意Joke_Sense10，但我認為您可能未將事件綁定到正確的DOM元素。

嘗試在瀏覽器中打開開發人員控制台（同時在開發代碼的一側），然后輸入$("#div")以查看其返回的元素是否為您期望的元素。 您也可以在代碼中使用console.log($("#div")) 。

在評論中回答

Answer 2

對於大量元素，請始終使用.on（）方法，因為后者將在DOM樹的最高節點之一上綁定單個事件偵聽器。

$(document).on("click","#"+v.id, function(){