1

私は過去 2 日間、このコードに苦労してきました。誰かが私を正しい方向に向けることができますか?

基本的に、このテーブルは jQuery カレンダーのように機能する必要があります。上部の次のボタンをクリックすると、次の列が強調表示され、上部の「イベント 1」ブロックのコンテンツも変更されます。最後の列にあり、次をクリックすると、新しい列がテーブルにスライドされるため、E2-E7 などになります。

これは jQuery では不可能かもしれないと思い始めましたが、やはり、私の jQuery スキルはかなり錆びています。私が望むことが可能で、ヒントや助けがあるかどうか誰か教えてもらえますか?

コードはここにあります: http://jsfiddle.net/yunowork/wDAdp/2/

4

2 に答える 2

0

デモ: http://jsfiddle.net/wDAdp/5/

$(".next").click(function(e){
    e.preventDefault();
    var $nextCol = $('.highlighted').next('td'); // Grab the next column
    if($nextCol.length != 0){ //If it exists
        $('.highlighted').removeClass("highlighted"); //Remove previous highlight
        $nextCol.addClass("highlighted"); // add highlight to the new column
    }else{
        // Add a new column here.
    }
});

これはあなたが求めていたすべてではありませんが、しっかりとしたスタートを切るには十分です.

于 2012-09-06T20:48:24.637 に答える