2012-11-23 29 views
1

我正在寻找在这里,但没得到了充分的答案。我用下面的测试案例,但后退/前进按钮都不能正常工作:swfaddress阿贾克斯后退按钮不工作


function handleChange(evt){ 

    if (evt.pathNames[0] == '!text'){ 

     $('div#ajax').load('text.php'); 

    } else if (evt.pathNames[0] == 'contact') { 
     //load contact page 
    } else { 
     //load default page 
    } 

} 

SWFAddress.addEventListener(SWFAddressEvent.CHANGE, handleChange); 

我找不到太多关于这个功能与Ajax调用,任何建议一起吗?看来,这Gmail中也有类似的东西,但对于邮箱导航工作..

感谢,伊万

回答

0

最后我得到了点。它的工作,但我的测试是错误的。

前进/后退按钮运作良好,但是,后退按钮“空白”的主页是行不通的,因为根本没有规则为匹配空白参数。现在看来,这样的:

function handleChange(evt){ 

var path = evt.path; 

switch(path) { 

    case '': // go home 
     $('#ajax_ramec').html('<div style="margin-left: 50%; margin-top:50%; text-aligtn:center"><img src="'+baseURL+'/public/images/template/loading_small.gif" /></div>').load(baseURL+'/index/uvod'); 

    break; 

    case '!domov': // go home 
     $('#ajax_ramec').html('<div style="margin-left: 50%; margin-top:50%; text-aligtn:center"><img src="'+baseURL+'/public/images/template/loading_small.gif" /></div>').load(baseURL+'/index/uvod'); 

    break; 


    case '!pridaj': 
     $('#ajax_ramec').html('<div style="margin-left: 50%; margin-top:50%; text-aligtn:center"><img src="'+baseURL+'/public/images/template/loading_small.gif" /></div>').load(baseURL+'/pridaj'); 
    break; 

    case '!uprav': 
      $('#ajax_ramec').html('<div style="margin-left: 50%; margin-top:50%; text-aligtn:center"><img src="'+baseURL+'/public/images/template/loading_small.gif" /></div>').load(baseURL+'/uprav'); 
    break; 

    case '!oprojekte': 
      $('#ajax_ramec').html('<div style="margin-left: 50%; margin-top:50%; text-aligtn:center"><img src="'+baseURL+'/public/images/template/loading_small.gif" /></div>').load(baseURL+'/index/oprojekte'); 
    break;  

    case '!kontakt': 
      $('#ajax_ramec').html('<div style="margin-left: 50%; margin-top:50%; text-aligtn:center"><img src="'+baseURL+'/public/images/template/loading_small.gif" /></div>').load(baseURL+'/kontakt'); 
    break; 

    case '!podmienky': 
      $('#ajax_ramec').html('<div style="margin-left: 50%; margin-top:50%; text-aligtn:center"><img src="'+baseURL+'/public/images/template/loading_small.gif" /></div>').load(baseURL+'/index/podmienky'); 
    break; 

}