我买了一个模板,我让它充满活力。我有一个问题,我不知道如何解决它。 这就是模板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;
});