2012-11-26 27 views
2

我从http://themeforest.net购买了一个主题,现在它们被取走了。更改themeforest主题的js功能

原始的主题功能是将索引页中的所有链接页面放入其自己的div内,但是我更改了功能,因此每个链接都在自己的控制器上,因为我使用的是Codeigniter。

我想要发生的是,当一个新的链接被点击时,它仍然会卷起内容div并转到点击链接,然后滚动该页面的内容。截至目前,它一直在页面上向上滚动,甚至不会加载新页面。代码的评论部分是原始代码来自模板的内容。

/***************************************************** 
MENU TRANSITION EFFECTS 
******************************************************/ 
$("#menu1 ul li a").click(function(e){ 

e.preventDefault(); 
$('#container').animate({top:'-500px'},500,'easeInQuart'); 

/* 
var id = $(this).attr("href"); 
if(id == aid) return false; 
$('#menu1 ul li a').removeClass('a'); 
      $(this).addClass('a'); 
if($("#container > div:visible").size() > 0) {  
    $("#container > div:visible").animate({top:'-500px'},500,'easeInQuart',function(){ $("#container > div:visible").css({display:'none',top:'-500px'}); $('#container > div#' + id).css({display:'block'}).delay(400).animate({top:'500px'},800,'easeOutQuart');    
       $(function() {    
      $('.scroll').jScrollPane(); 
     }); 

    }); 
} else { 
    $('#container > div#' + id).css({display:'block'}).animate({top:'500px'},200,'easeOutQuart'); 
} 
aid = id; 
return false; 
*/ 
}); 

编辑:我试了一下,在我的常规网站,由于某种原因,它不工作是一样的。这是模板。我将它上传到我的其他网站之一进行展示。请记住,区别在于每个链接都是新的控制器,每个div都是新的视图。 “M +试图完成

http://www.justmyfiles.me/

没有任何人有任何想法

回答

0

的‘这是否说明原来的模板和我之间的任何进一步的差异化’的JavaScript代码可能看起来像:

$("#menu1 ul li a").click(function(e){ 

    var a = this; 
    e.preventDefault(); 

    $('#container').animate({top:'-500px'},500,'easeInQuart',function() { 
     location.href = a.href; 
    }); 
}); 

而且文件准备代码:

$(document).ready(function() { 
    $('#container').animate({top:'0px'},500,'easeInQuart'); 
}); 

/*CSS*/ 
#container { top: -500px; } 
+0

伟大的回应。然而,它不会向下滚动。 –

+0

你的意思是滚动条或下拉div动画? – sglessard

+0

滚动div动画,以便显示该页面的内容。 –