1

私はこの仕事をしようと夢中になっています。私の試みのバリエーションはめちゃくちゃ恥ずかしいものになりました-何もクリックせずにスライダーをトリガーして次のフレームに移動するために、Niallスライダーが私に何をしてほしいのか理解できないようです。

私が欲しいのは、フォーム要素が変更されたときにスライダーが次のフレームにスライドすることです。したがって、jqueryを使用すると、次のように言うのと同じくらい簡単になります。

$(document).ready(function()  
 {  
  $('#radioButton').change(function(){  
   GO TO THE NEXT FRAME  
  });  
 })

しかし、どうやらそれはそれほど単純ではありません。私はたくさんのことを試しました。いくつかの絶望的なもの。ほとんどの場合、彼のコードの一部をトリガーしようとしています。次のフレームを発生させるように見えるコードは次のとおりです。

    $('#coda-nav-right-' + sliderCount + ' a').click(function(){
        navClicks++;
        if (currentPanel == panelCount) {
            offset = 0;
            currentPanel = 1;
            alterPanelHeight(0);
            slider.siblings('.coda-nav').find('a.current').removeClass('current').parents('ul').find('a:eq(0)').addClass('current');
        } else {
            offset = - (panelWidth*currentPanel);
            alterPanelHeight(currentPanel);
            currentPanel += 1;
            slider.siblings('.coda-nav').find('a.current').removeClass('current').parent().next().find('a').addClass('current');
        };
        $('.panel-container', slider).animate({ marginLeft: offset }, settings.slideEaseDuration, settings.slideEaseFunction);
        if (settings.crossLinking) { location.hash = currentPanel }; // Change the URL hash (cross-linking)
        return false;
    });

これは、私がjavascriptに非常に平凡であり、Niallのコードにかなり慣れていないことの組み合わせです。よくコメントされていますが、各行で何が起こっているのか正確にはわかりません。私が見ることができるとき、私は私の.change関数で同じことを起こさせる方法が本当にわかりません。

とにかく、誰かがこれに光を当てることができれば、私は信じられないほど感謝するでしょう。私がこれを理解するのを手伝うことができれば、それは私にもかなりの将来の助けになるかもしれないと思います。ここでjavascriptについて理解できないことがあると思いますが、それが何であるかはわかりません。

4

1 に答える 1

1

click()jQueryのno-args関数を使用して、プログラムでリンクをクリックできます。ほとんどの例と同じセットアップを使用していると仮定すると、次のように記述できるはずです。

HTML：

<input type="radio" id="next-panel" />

JavaScript：

$("#next-panel").bind("change", function() {
    $("#coda-nav-right-1 > a").click();
});

これにより、デモの「右」リンクのデフォルトの場所にあるリンクをクリックします。ここで実際の例を見ることができます：http：//jsfiddle.net/andrewwhitaker/WzJMP/

補足：jQueryUIタブの使用を検討しましたか？jQueryUIには、はるかに使いやすく、十分に文書化されたAPIがあり、Codaスライダーの効果と機能を簡単に再現できます。StackOverflowのようなサイトでもおそらくより良いサポートが得られるでしょう。

于 2010-12-22T02:08:45.917 に答える