Onclick / Javascript для div; Rails iterator

Question

Onclick / Javascript для div; Rails iterator

0

У меня есть страница каталога, где списки отображаются на индексной странице.

<% @listings.each do |listing| %>
  # do some stuff
<% end %>

Я добавил данные для каждого списка - в основном кнопка.

 <a id="chat-menu-toggle" href="#dr" class="chat-menu-toggle" >
   <div class="iconset top-chat-dark ">
      <span class="badge badge-important hide" id="chat-message-count">1
      </span>
   </div>                 
  </a>

Этот переключатель данных открывает разделитель STATIC. Div - это слайдер с содержимым.

<div id="dr" class="chat-window-wrapper">

Я хочу использовать каждую кнопку, чтобы передать listing.id переменной. Затем я могу использовать этот идентификатор в div.

Например:

Листинг с ID:

Стек - 1
Переполнение -2
Рубин - 3
Рельсы - 4
Onclick - 5

Скажем, я нажимаю кнопку "Ruby", у которой есть идентификатор 3, я хочу, чтобы идентификатор проходил так же.

 variable = 3

 <div id= <%= variable %> class="chat-window-wrapper">

miler350 13 март 2014, в 00:18

Источник

Теги:

javascript

jquery

html

ruby-on-rails

1 ответ

Ещё вопросы

user3413046 · Answer 1 · 2014-03-12T20-58-00.000Z

Не уверен, что вы подразумеваете под "использовать этот идентификатор во всем div". но вы можете попробовать это, если это вам поможет?

<div data-id="<%=listing.id %>" class="chat-window-wrapper">

Если вы хотите получить значение id из того, что было напечатано рубином, вы можете попробовать добавить прослушиватель событий

$(".chat-window-wrapper").on("click",function() { 
    var x = parseInt($(this).attr('data-id');
}

Чтобы получить доступ к спискам за пределами итератора, попробуйте

listings[index]

или

@allListings = listings. Then access @allListings[index]

но по мере того, как мои ржавые знания о рубине идут, я думаю, что списки должны быть доступны до тех пор, пока контроллер передает его в контексте представления.

Меньше вероятности, что listing.id может быть дубликатом, поэтому хранение id , вероятно, лучше для запросов DOM. Я думал, что проблема заключается только в кавычках вокруг значения id , который вы показали. +1
"использовать этот идентификатор во всем div." => что я имею в виду, если я могу получить этот идентификатор в качестве переменной. Я могу использовать это в запросах рельсов. то есть. Thing.find (переменная)
@ miler350, как вы планируете выполнить Thing.find(variable) ? Есть ли какой-нибудь вызов ajax в этом событии click?
Нет, но, вероятно, должно быть. Я новичок в JS. Вот как это работает в настоящее время - когда вы нажимаете кнопку, div основного содержимого смещается влево на ~ 300 пикселей и создает дополнительный столбец страницы. Я хочу сделать содержимое этого столбца динамичным. Проблема в том, что код div находится вне итератора, поэтому мне нужно получить идентификатор из итератора и использовать его в другом месте на странице.
@ user3413046 - Мне нужен доступ к идентификатору листинга вне итератора.
Пожалуйста, смотрите обновленный пост ...