Я пытаюсь заменить текстовую ссылку счетчиком при нажатии. У меня есть это:
$(document).on('page:fetch', function(e) {
$('.spinner').replaceWith( "<img src='<%= asset_path('layout/spinner.gif') %>'>" );
});
Но очевидно, что все ссылки с классом .spinner получают спиннер. Я хочу заменить только ссылку нажатой и только ЕСЛИ у нее есть класс spinner.
Какие-либо предложения?
У вас будет некоторый код, который запускается как для событий «page:load», так и для событий ready, чтобы они работали для полной загрузки страницы и загрузки страницы Turbolinks. Приведенный ниже код добавит атрибут «data-click» со значением true на «.spinner», по которому был сделан щелчок.
#inside both the ready and 'page:load' events
$('.spinner').on('click', function(e) {
$(this).attr('data-clicked', true);
});
Приведенный ниже код будет искать '.spinner' с атрибутом data-clicked со значением true и применять к нему изображение счетчика.
$(document).on('page:fetch', function(e) {
$('.spinner[data-clicked="true"]').replaceWith( "<img src='<%= asset_path('layout/spinner.gif') %>'>" );
});
Дайте мне знать, если это поможет.
Используйте событие on click, чтобы изменить ссылки с классом spinner, чтобы при нажатии на них они превращались в счетчик:
$('.spinner').on("click", function() {
$(this).replaceWith( "<img src='<%= asset_path('layout/spinner.gif') %>'>" );
});
Затем будут изменены только те, которые были нажаты.
