构建动态创建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

回答

相关问题