Vì vậy, tôi có một bảng có khoảng 10 mục được liệt kê. Khi tôi nhấp vào 'TR', trong mã javascript của mình, tôi đã đặt nó ở vị trí làm nổi bật hàng cụ thể của bảng đó bằng màu xanh lục. Về cơ bản, đây là danh sách tạp hóa được tạo và khi bạn duyệt qua cửa hàng, về cơ bản, bạn "đánh dấu" vào các mặt hàng mà bạn đã chọn.
Tuy nhiên, cả tôi và vợ tôi đều sử dụng tính năng này vì tôi đã đặt nó trên một trang web trực tiếp và tôi đang tự hỏi, làm cách nào để kiểm tra các mục (đánh dấu chúng bằng màu xanh lá cây) trên điện thoại của tôi (điện thoại của tôi) nói ở nhà và khi cô ấy đi đến trang web, chúng có màu xanh lục hoặc đánh dấu cho cô ấy khi cô ấy xem nó?
Vì vậy, về cơ bản, tôi nói rằng chúng tôi có thịt gà và thịt bò xay trong danh sách (nhấp vào chúng để đánh dấu chúng bằng màu xanh lá cây), danh sách này sẽ được đánh dấu khi cô ấy xem cùng một danh sách trên điện thoại của mình.
Trường hợp sử dụng của tôi cho việc này về cơ bản là xem danh sách đã tạo của tôi, đi vào tủ lạnh, nhấp vào mọi thứ chúng tôi đã có.. và sau đó khi cô ấy tan sở, cô ấy chỉ cần truy cập trang web, xem các mục đã được đánh dấu và có thể đi mua sắm những thứ chúng ta cần.
Điều này có khả thi với Javascript không? Đây là mã hiện tại của tôi:
(hàm ($, _, Drupal) {
'Sử dụng nghiêm ngặt';
// Ở đây chúng tôi sử dụng Drupal.behaviors là phiên bản của Drupal để thực thi Javascript.
// Cuối cùng, chúng tôi đính kèm themeID, trong trường hợp này là: CPU.
Drupal.behaviors.highlight = {
// Sau đó, chúng tôi sử dụng chức năng đính kèm chỉ kích hoạt một lần để áp dụng mã của chúng tôi.
đính kèm: _.once(function(context, settings) {
$('tr').click(function(){
$(this).toggleClass('highlightGreen');
})
$('tr').dblclick(function(){
// $(this).css('nền', 'rgba(0,255,0,0,63');
$(this).hide('chậm');
// console.log(this);
})
})
};
})(jQuery, _, Drupal);
Đây là một ảnh chụp màn hình về những gì nó trông giống như:
