Hãy đăng ký thành viên để có thể dễ dàng trao đổi, giao lưu và chia sẻ về kiến thức đồ họa.
  1. Hãy đăng ký subscribe kênh Youtube mới của Việt Designer tại địa chỉ: Youtube.com/VietDesignerChannel để theo dõi các video về thiết kế đồ họa. Do trước đó kênh cũ bị Youtube quét không rõ lý do, trong thời gian chờ kháng cáo nếu các bạn thấy video trên diễn đàn bị die không xem được thì có thể vào kênh mới để tìm xem video sơ cua nhé.
    Loại bỏ thông báo

Cần giúp đỡ về cách sử dụng filter trong jquery

Chủ đề thuộc danh mục 'Hỏi đáp - Thảo luận về web' được đăng bởi Peter Nguyen, 3/12/13.

Tình trạng chủ đề:
Chủ đề đã bị khóa bình luận

Lượt xem: 2,675

  1. Peter Nguyen Mới đăng kí

    Bạn nào biết làm filter vô giúp mình chỗ này phát. Mình có code filter bên dưới(Các bạn down demo về).
    Trong demo mình có lọc theo:
    + Màu sắc: red - blue - yellow
    + Kích cỡ: small - normal - big

    -> lọc đã ok. click vào cái nào nó sẽ lọc cho cái đó.(Chạy demo các bạn sẽ thấy).
    Vấn đề ở đây là mình muốn click vào nhiều cái như:
    - mình chọn: red ----- small & normal(Hiển thị màu đỏ và hiển thị small + normal).
    Bạn nào giải quyết giúp mình cái muốn này được ko???

    ...
    Chỉnh sửa lần cuối: 4/12/13
  2. Peter Nguyen

    Peter Nguyen Mới đăng kí

    Cái này mình giải quyết được 1 phần rồi. Có check đc nhiều cái nhưng phát sinh vấn đề đó là ko biết đưa vào group như thế nào cả.
    Code cũng là tham khảo trên mạng thôi, nên đang muốn ghép 2 loại code vào với nhau.
    - Mình dùng cái data-filter-group & data-filter-value làm code gốc của mình.
    - Theo như mình nghĩ thì nếu ghép được code lại thành 1 thì sẽ có 3 group chạy song song với nhau.
    - 3 Group lọc:
    + Màu sắc: red - blue - yellow
    + Kích cỡ: small - normal - big
    + (Lọc mới ko đề tên): H1 - H2 - H3
    - Chọn: red ------ small & normal --------- h1 & h2 or h3....
    - Chú ý: Em muốn dùng cái group để nó chạy theo kiểu
    + Chọn group 1 thì khi chọn group 2 sẽ dựa trên group 1 mà lọc, tương tự chọn group 3 sẽ dựa trên 2 điều kiệu lọc của group 1 + group 2.
    + Vậy nên làm thế nào để cái code mới kia có được data-filter-group + data-filter-value.
    - Đây là code check mới kiếm được:
    Code:
    //Checkbox filter
    $('.filter input').click(function () {
    var filters = [];
    var $this = $(this);
    // get checked checkboxes values
    $this.filter(':checked').each(function () {
    filters.push(this.value);
    });
    // ['.red', '.blue'] -> '.red, .blue'
    filters = filters.join(', ');
    $container.isotope({ filter: filters });
    });
    Bạn nào vô cùng giúp mình ghép 2 loại code lại với nhau. :(
    Chỉnh sửa lần cuối: 4/12/13
  3. Peter Nguyen

    Peter Nguyen Mới đăng kí

    Chốt lại 1 câu là: Tự mình hỏi - Tự mình giải quyết
    Mod nào vô đóng bài viết này giúp mình nhé. Vấn đề của mình đã được giải quyết rồi. Thank's !
Tình trạng chủ đề:
Chủ đề đã bị khóa bình luận

Ủng hộ diễn đàn