2

http://themeforest.netからテーマを購入したところ、テーマが削除されました。

元のテーマ機能は、インデックスページの独自の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が新しいビューであることに注意してください。それは、元のテンプレートと私が達成しようとしていることの違いをさらに説明していますか？

http://www.justmyfiles.me/

誰かアイデアはありますか？

4

1 に答える 1

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; }
于 2012-11-26T19:38:38.993 に答える