构建动态创建的 Clickable Divs JQuery Ajax

Question

我需要一些 jQuery ajax 帮助。 我当前有一个主要内容 div，它由对 XML 文件的 ajax 调用填充。 XML 文件是从数据库结果集生成的。这一切工作正常。 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);
        });
    });
});

Answer 1

好吧，有关从 xml 加载的可点击 div 的列表，请查看演示。
演示

这是代码：

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();
});