jquery和xml的dom加载

Question

 

/*read events xml*/
//$(document).ready( function() {
//  $.get('xml/events.xml', function(d) {
//      $(d).find('xml').each( function(a,b) {  
//          $(b).find('pc').each( function(m,n) {  
//              var description = $(n).find('description').text();
//              var html = '<p>'+description+'</p>';  
//              $('#eventscontent').append($(html));
//          });  
//      });     
//  }); 
//  
//
//});
$(document).ready(function(){
    
    $("#eventscontent").jscroll({W:"12px",Btn:{btn:false}});
});

 问题是，我在read events xml 部分，加载了events.xml文件中的内容，然后输出到了html页面的id为jscroll-c的div中，

然后我用$("#eventscontent").jscroll({W:"12px",Btn:{btn:false}});来实现一个滚动条效果。

但是有问题，滚动条无法显示。

我理解的是在实现滚动条的时候

$(document).ready(function(){

没有加载到存在events.xml的数据的dom所以才不能显示出滚动条。

如果我不用xml载入我要的数据，直接写在div中，则是可以显示滚动条的

有没有大哥帮助下。有没有什么解决方法，能处理Ajax，dom加载不同步的问题（或许这么定义吧）

$(document).ready(function(){

Answer 1

试试：
[code="java"]
/*read events xml*/
$(document).ready( function() {
$.get('xml/events.xml', function(d) {
$(d).find('xml').each( function(a,b) {

$(b).find('pc').each( function(m,n) {

var description = $(n).find('description').text();
var html = '

'+description+'

';

$('#eventscontent').append($(html));
});

});
$("#eventscontent").jscroll({W:"12px",Btn:{btn:false}});

});
});

//$(document).ready(function(){
// $("#eventscontent").jscroll({W:"12px",Btn:{btn:false}});
//});

[/code]