Question

我在这里搜索但没有得到足够的答案。我使用了以下测试用例，但后退/前进按钮无法正常工作：


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有类似的东西，但正在为邮箱导航工作..

谢谢，伊万

Answer 1

最后我明白了。它正在工作，但我对它的测试是错误的。

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

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;

}

swfaddress for ajax后退按钮不起作用

1 个答案: