Итак, у меня есть таблица, в которой перечислено около 10 элементов. Когда я нажимаю «TR», в моем коде javascript я устанавливаю, где он выделяет эту конкретную строку таблицы зеленым цветом. По сути, это сгенерированный список продуктов, и когда вы просматриваете магазин, вы в основном «отмечаете» свои товары, которые вы взяли.
Тем не менее, я и моя жена оба используем это, так как я разместил его на живом сайте, и мне было интересно, как я буду отмечать элементы (выделяя их зеленым) на моем конце (моем телефоне), скажем, дома, и когда она идет на веб-сайт, они зеленые или отмечены для нее, когда она его просматривает?
Итак, в основном я говорю, что у нас в списке есть курица и говяжий фарш (нажмите на них, чтобы выделить их зеленым цветом), которые будут выделены, когда она просмотрит тот же список на своем телефоне.
Мой вариант использования для этого в основном просматривает мой сгенерированный список, заходит в холодильник, щелкает все, что у нас уже есть ... а затем, когда она уходит с работы, она просто заходит на веб-сайт, видит уже отмеченные элементы и может ходить по магазинам для тех, которые нам нужны.
Возможно ли это с помощью Javascript? Вот мой текущий код:
(функция ($, _, Друпал) {
'использовать строгий';
// Здесь мы используем Drupal.behaviors, версию Drupal для выполнения Javascript.
// В конце прикрепляем themeID, в данном случае: CPU.
Drupal.behaviors.highlight = {
// Затем мы используем функцию присоединения, которая срабатывает только один раз для применения нашего кода.
прикрепить: _.once(функция(контекст, настройки) {
$('tr').щелчок(функция(){
$(это).toggleClass('highlightGreen');
})
$('tr').dblclick(функция(){
// $(this).css('фон', 'rgba(0,255,0,0.63');
$(это).скрыть('медленно');
// console.log(это);
})
})
};
})(jQuery, _, Drupal);
Вот скриншот того, как это выглядит:
