jquery - rails 、涡轮连杆和旋转器

Question

我正在尝试用点击时的微调器替换文本链接。我有这个:

$(document).on('page:fetch', function(e) {
  $('.spinner').replaceWith( "<img src='<%= asset_path('layout/spinner.gif') %>'>" );
});

但很明显，所有带有 .spinner 类的链接都会获得微调器。我只想替换点击的链接，并且只有当它具有微调器类时。

有什么建议吗？

Answer 1

您将拥有一些在“page:load”和就绪事件上触发的代码，以便它们适用于完整页面加载和 Turbolinks 页面加载。下面的代码将在被单击的“.spinner”上添加值为 true 的“data-click”属性。

#inside both the ready and 'page:load' events
$('.spinner').on('click', function(e) {
  $(this).attr('data-clicked', true);
});

下面的代码将查找 data-clicked 属性值为 true 的“.spinner”，并在其上应用微调器图像。

$(document).on('page:fetch', function(e) {
  $('.spinner[data-clicked="true"]').replaceWith( "<img src='<%= asset_path('layout/spinner.gif') %>'>" );
});

请告诉我这是否有帮助。