Codeigniter:如何使用此AJAX模板加载网址?

时间:2014-07-08 09:55:51

标签: javascript php jquery ajax codeigniter

我买了一个模板,我让它充满活力。我有一个问题,我不知道如何解决它。 这就是模板html的工作方式。当您点击'关于我们'例如,在右侧,加载了关于我们的页面,并且在URL中有#!about segment,如果您点击“联系人”#39;它会是一样的。

显然,当我使用Codeigniter时,当我尝试做同样的事情时,它正在搜索名为' about'的控制器。

知道如何绕过它?

这是功能:

   * AJAX PAGE LOADING */

    function loadcontent() {
    "use strict"; 
    $("#right-column").find("#page-box").removeClass('fadeInDownBig').addClass('fadeOutRightBig');
        setTimeout(function () { $("body").find('#right-column').html("").load(window.location.hash.substr(2) + '.html');},400);
    }

    window.onload=(function() {
         "use strict";
         loadcontent();
        if(window.location.hash)
        {
            setTimeout(function () { $("body").find("#close").fadeIn(); },1000);
        }
    });

    $(document).on("click","nav ul li a", function (event) { 
        "use strict";
        var $clickedElement = $(event.target);
        if($clickedElement.hasClass('dropdown'))
        {
            event.preventDefault(); 
        }
        else
        {
            jQuery("body").find("#loading").fadeIn();
            loadcontent();
            setTimeout(function () { $("body").find("#close").fadeIn(); },1000); 
            setTimeout(function () {jQuery("body").find("#loading").fadeOut() },2000);
        }
    });

    $("body").find("#close").click(function (){ 
      "use strict";
      window.location.hash = '';
      $("body").find("#close").hide();
      $("body").find("#right-column").find("#page-box").removeClass('fadeInDownBig').addClass('fadeOutRightBig');
      if ($(window).width() < 800) { 
      $("body").find('#right-column').html("");
      }
      else{
      setTimeout(function () { $("body").find('#right-column').html(""); },1000);
      }  

      return false;    
    }); 

0 个答案:

没有答案