构建动态创建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);
});
});
});
答
好了,可点击的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();
});
所以你要更新的标题,或从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