構建動態創建Clickable Divs JQuery Ajax

我需要一些jQuery Ajax幫助。我目前有一個主要內容的div由ajax調用XML文件填充。 XML文件是從數據庫結果集生成的。這一切工作正常。 ajax調用通過點擊按鈕觸發，但我希望改變它。構建動態創建Clickable Divs JQuery Ajax

我有另一個div，我已經填充了一個標題列表。我希望發生的情況是，當標題被點擊時，主內容div應該用與該標題相關的數據更新。我想知道什麼是最好的方法來做到這一點。我應該創建一個可點擊的div來創建ajax調用嗎？如果是這樣，我怎麼區分哪個div已被點擊在主內容div的代碼中。我希望這是有道理的...... 這裏是我對填充的列表

$(document).ready(function() { 
    $("#getData").click(function() { 
     var $title = ""; 
     $.get("phpAjaxMovieListingTotal.php", function(theXML) { 
      $('row',theXML).each(function(i) { 
       $title = $(this).find("Title").text(); 
      }); 
      $("#movieListingContentDiv").html($title); 
     }); 
    }); 
});

來源

2011-03-27 RonanC

所以你要更新的標題，或從XML文檔的詳細信息？ – Ben 2011-03-27 18:39:53

對不起mazzzz。都不是。我目前正在調用通過按鈕單擊（#getData）來填充主內容div的ajax函數。我希望將其更改爲一些可點擊的div。我的問題是如何確定哪個div被點擊，以便可以對數據庫進行適當的調用，然後用於填充主內容div。 – RonanC 2011-03-27 18:48:26

所以你想能夠點擊一個空白的div，並從XML文件中獲取該信息？ – Ben 2011-03-27 18:55:44

好了，可點擊的div，從XML加載列表碼，看演示。 The Demo

下面是代碼：

function movieTitle_Clicked (title) 
{ 
    alert("Movie title '"+title+"' clicked"); 
} 
function GetMovies() 
{ 
    $.post("THEXML.php", function(data){ 

     $('row title',data).each(function(i){ 
      var title = $(this).text(); 
      $('#container').append('<div onClick="javascript:movieTitle_Clicked(\''+title+'\')">'+title+'</div>'); 
     }); 
    }, 'xml'); 
} 
$(document).ready(function() { 
     GetMovies(); 
});

來源

2011-03-27 19:18:37 Ben

我會在白天給你一個鞭子，並讓你知道它是怎麼回事。再次感謝您的所有幫助，更重要的是您的耐心等級。 – RonanC 2011-03-28 06:24:25

這是完美的。感謝您的全力幫助，希望我能夠幫助別人。傳奇一半...... – RonanC 2011-03-28 08:47:02

構建動態創建Clickable Divs JQuery Ajax

回答

相關問題