Javascript, Dom & Events в Ruby on Rails: я не знаю, как получить доступ к тегам HTML, на которые я хочу настроить таргетинг, с помощью document.querySelector (CSS_SELECTOR) - PullRequest
Новая
       24

Javascript, Dom & Events в Ruby on Rails: я не знаю, как получить доступ к тегам HTML, на которые я хочу настроить таргетинг, с помощью document.querySelector (CSS_SELECTOR)

0 голосов
/ 25 мая 2020

Надеюсь, это не глупый вопрос, я учусь программировать всего несколько месяцев. Я пытаюсь реализовать несколько событий Javascript в моем приложении rails, но, похоже, это не работает. Сначала я пробую самый базовый c: 

document.querySelector(CSS_SELECTOR);

Но, сохраняя его в переменной и console.log-ing, он возвращает "null" в консоли. Обычный Javascript работает нормально, но не действия или события DOM.

  1. Вот мое приложение. html .erb файл: 
<!DOCTYPE html>
<html>
<head>
 <meta name="viewport" content="width=device-width, initial-scale=1">
 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
 <title>Share Your Cocktail</title>
 <%= favicon_link_tag asset_path('favicon.ico') %>

 <%= csrf_meta_tags %>
 <%= csp_meta_tag %>

 <%= stylesheet_link_tag    'application', media: 'all', 'data-turbolinks-track': 'reload' %>
 <%= javascript_include_tag 'application', 'data-turbolinks-track': 'reload' %>
</head>

<body>
 <h1 id="hello">HELLO</h1>
 <%= yield %>
  <%= javascript_include_tag "application" %>
 <%= javascript_pack_tag "application" %>
 <%= render 'shared/footer' unless @display_footer == false %>
</body>
</html>

Есть 2 приложения. js файлов:

  • Один находится здесь: app / javascript / packs

  • И другой здесь: app / assets / javascripts

Если я console.log что-то в любом из этих файлов, он работает, но я не могу получить доступ к каким-либо элементам внутри любой из моих html файлов с использованием document.querySelector и css селекторов.

Есть ли какой-нибудь код, который я должен написать в одном из этих файлов, чтобы мой javascript код получил доступ к определенным c html .erb файл, из которого я хочу извлечь нужный мне слоган?

Я много пробовал и искал, но не могу найти ответ на свой вопрос.

Кто-нибудь может мне помочь?

...