-9

さて、私はデータベースから投稿をプルしています。訪問者がプルされたデータを表示できるように、ギャラリーとリスト ビューの 2 つの方法が必要です。それで、最初はタブを使おうと思ったのですが、同じコンテンツを2回プルすると検索結果などに問題が発生してしまい、うまく機能しませんでした。だから、このアイデアはもっと良いかもしれないと思った. タブと同じ概念のようなものです...動作が異なるだけです...

基本的に、2 つのリンクが必要です: 1.) ギャラリー ビュー 2.) リスト ビュー

人々がページにアクセスすると、プルされるすべてのデータが「ギャラリー」という div 内に配置されます。人々が「リスト ビュー」リンクをクリックすると、ページをリロードせずに「ギャラリー」クラスを「リスト」に変更します。そして、もう一度「ギャラリー ビュー」をクリックすると、「リスト」クラスが「ギャラリー」クラスに再び変更されます...タブと同じです...唯一の違いは、1 つのコンテンツ セットで作業していることです。 . タブを切り替える代わりに... クリックで CSS クラスを切り替えます。

このようにして、css を使用してコンテンツの表示方法を編集できます。

これはできますか？

4

1 に答える 1

2

を使用してクリック時にクラスを切り替えますtoggleClass

$('button').click(function(){ 
    $('my-node').toggleClass('gallery list')
});

galleryこれにより、クラスが既に存在する場合は削除され、存在しない場合は追加されます。同じことが言えますlist

于 2012-11-09T15:10:01.507 に答える