JavaScriptがテキストをHTMLから変換する

Question

Webページでテキストスライドイン効果を作成しようとしています。私はjavascript slidesjsライブラリを使用しています。なぜなら、それは一番合っているようです。しかし、私はそれがWebクリックによってトリガされたときに動作させることはできません。

実行中のライブ例：http://107.22.173.10 「GOTO」リンクをクリックすると何も起こりません。

基本的なコードは次のとおりです。ページには自動的に '＃'アンカーを入れてスライドをトリガーするようになっているようです。私はこの仕事をすることはできません、またはこれをデバッグする方法を把握することはできません。

$(function(){ 
    // Set starting slide to 1 
    var startSlide = 1; 
    // Get slide number if it exists 
    if (window.location.hash) { 
     startSlide = window.location.hash.replace('#',''); 
    } 
    // Initialize Slides 
    $('#slides').slides({ 
      preload: true, 
      preloadImage: 'img/loading.gif', 
      generatePagination: true, 
      //play: 5000, 
      //pause: 2500, 
      hoverPause: true, 
      // Get the starting slide 
      start: startSlide, 
      animationComplete: function(current){ 
        // Set the slide number as a hash 
        window.location.hash = '#' + current; 
      } 
    }); 
}); 

ここで間違っていることは誰にも見えますか？
この問題をデバッグする最善の方法は何ですか？
私は使用すべきより良い方法やライブラリがありますか？ アドバイスありがとうございます。ありがとう!!

Answer 1

あなたはslidesjs.comの例に従っていません。 「基本的なHTML構造」を参照してください。 #slides_container divには1つの要素しか入れておらず、あらゆる種類の奇妙な絶対配置を割り当てていますが、もちろんアニメーションコードでは機能しません。

最初に例を貼り付けてから、スタイルに関する独自の調整を追加してください。