0

Isotopeを使用して、フィルタリングタブとページ付けリンクの視覚的表示を制御するのに少し問題があります。2つの問題を修正したい:

1フィルタリングタブの1つを分類して、ページの読み込み時にすでに選択されているようにするにはどうすればよいですか?

2コンテナ内のページ付けリンクをクリックすると、現在選択されているタブのクラスが解除されます。つまり、選択されていないように見えますか?

こちらのデモandym.ca/designs/isotope/tester4.htmlをご覧ください。そうすれば、私が何を意味するのか理解できます。

4

1 に答える 1

1

最初の質問について; Isotopeロジックのコードが適切になる前に、この匿名の自己実行関数を使用して、特定のものを事前設定することができます。

(function(){
    var selector = $('.classtobefilteredoutonload');
    $container.isotope({ filter: selector });
    // other things that shall happen too go here, like assigning the right class to you PMTV tab div
    return false;
})();

または、それが失敗した場合は、ハッシュ履歴を利用してサイトを事前設定します。

2番目の質問に関しては、このCngClass関数を使用して、クリック可能なすべての「a」要素のフォーカスを切り替えているようです。そのため、ページ付けの「a」要素をクリックすると、当然、アーカイブビデオはフォーカスを失います。タブとページネーターをクリックすると、GoogleChromeの開発者ツールでよく見ることができます。

さて、タブを切り替える機能とは異なる機能を使用して、ページネーションの「ハイライトクラス」を個別に切り替える必要があります。匿名の自己実行関数は、検出されるとすぐに実行されるため、残りのDOMの準備ができていないように見えます。同じ機能を試してください。ただし、ドキュメントの準備ができています。

あなたはこのようにそれを行うことができます。

このように、タブまたは画面上の任意のアイテムに事前にマークを付けることができます

于 2012-08-02T22:17:55.757 に答える