1

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


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 有类似的东西，但用于邮箱导航..

谢谢，伊万

4

1 回答 1

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;

}

于 2012-12-14T09:06:50.543 回答