Có cách nào để tắt các biểu tượng trong jquery không? Ví dụ tôi đang sử dụng ui-icon-circle-triangle-w và ui-icon-circle-triangle-e cho "prev/next" và tôi muốn vô hiệu hóa "prev" khi ở đầu danh sách và tiếp theo khi tại cuối cùng, vv ..Làm thế nào để bạn vô hiệu hóa các biểu tượng jquery ui
Bạn có thể đặt biểu tượng .ui thành không hiển thị, biểu tượng này cũng sẽ ẩn các biểu tượng. Bạn có thể hoặc không cần phần "quan trọng".
.ui-icon { display: none !important; }
Cảm ơn nhưng tôi thực sự muốn các biểu tượng vẫn hiển thị nhưng xuất hiện bị tắt (chuyển sang màu xám). Xem câu trả lời của tôi cho giải pháp tôi đã đưa ra. –
Tôi đoán điều này phải rõ ràng nhưng không có trong tài liệu chính về cách sử dụng biểu tượng. Bạn chỉ cần thêm lớp "ui-state-disabled" vào phần tử. Vì vậy, ví dụ để làm điều đó thông qua javascript bạn có thể làm:
$ (''). AddClass ('ui-state-disabled');
Đây là cũ nhưng tôi chạy vào ngày hôm nay vì vậy tôi figured tôi sẽ làm sạch nó lên. .addClass ('ui-state-disabled') sẽ áp dụng css để cho nó cái nhìn tàn tật. Nhưng nếu bạn có sự kiện bị ràng buộc với biểu tượng nó vẫn sẽ cháy. Bạn cũng phải chắc chắn rằng js của bạn biết khi nào nó bị vô hiệu hóa. Có thể sử dụng nếu hasClass ('ui-state-disabled'). Nhưng chỉ cần thêm các lớp css không "vô hiệu hóa" biểu tượng.
Nếu bạn muốn giữ các đường chéo "se" xử lý mà không có biểu tượng tốt nhất là:
.ui-icon { background-image:none !important; }
Bạn có thể thêm css opacity:0.7 trên yếu tố của bạn. Tôi nghĩ rằng điều này rất hữu ích không chỉ cho văn bản mà còn cho biểu tượng hoặc yếu tố khác trong phần tử của bạn.
Tôi đã viết một DEMO
Các thành phần quan trọng là:
.disable{
opacity:0.7;
}
... và DEMO này với biểu tượng
Câu trả lời này đã bị hệ thống đánh dấu là "kiểm tra chất lượng kém". Tôi có thể thấy rằng nó thực sự là một câu trả lời, nhưng nó có khả năng sẽ hữu ích hơn nếu bạn đưa ra một ngữ cảnh nhiều hơn một chút - ví dụ như thể hiện cú pháp làm thế nào để thêm vào đó. Ngữ pháp chính xác cũng có thể lưu câu hỏi của bạn từ những người đánh giá đánh dấu nó nhanh như "chất lượng thấp - xóa". Tôi đã sửa ngữ pháp, nhưng chỉ có bạn mới có thể thêm ngữ cảnh cần thiết. – GreenAsJade
@GreenAsJade Tôi đã sửa đổi câu trả lời của mình. – Jesse
Đẹp! Tôi đã tự do xây dựng một chút, bởi vì một điều khác mà gây ra cảnh báo là câu trả lời mà chỉ phụ thuộc vào liên kết :) Tôi hy vọng bạn không nhớ can thiệp của tôi. Cảm ơn bạn đã đóng góp! – GreenAsJade
bạn không thể vô hiệu hóa chúng vì chúng không phải là 'html' yếu tố vì vậy cách tốt nhất là sử dụng phương thức 'unbind()' như: $ ('# icon-plus-sign'). unbind ('click');
Có bất kỳ câu trả lời nào phù hợp với bạn không? Có thể chấp nhận một? – Nenotlep