navという名前のクラスのボタンがあります。ボタンをクリックすると、IDが読み取られ、変数「pre」がIDに設定されます。変数が設定されたら、ID「-link」の一部を削除します。この部分は正常に機能していますが、問題が発生している可能性があります。「-link」が削除されたら、preの残りの部分を使用して、ページ上のdivのIDをターゲットにし、アニメーション化しようとしています。だから私は別の変数を使って一緒にハックします...
curr = '$("#'+pre+'")';
これは必要なものを作成するために「表示」されますが、アニメーションでcurrをターゲットにすると、何も起こりません。おそらくb/c私は文字列を作成しました、そしてこれは私の知識が薄れ始めるところです。
以下は完全な機能です。対応するdivを持つ複数のボタンでこれを使用する予定なので、クラス全体で1つの関数を使用すると便利です。
var pre = null;
var curr = null;
$('.nav').click(function(){
pre = $(this).attr("id");
pre = pre.substring(0, pre.indexOf("-link"));
curr = '$("#'+pre+'")';
alert(curr);
curr.animate({opacity:1}, {
duration:250,
queue:true,
complete:function(){
// alert("calling moveOld");
moveOld();
}
});
});