我正在尝试用点击时的微调器替换文本链接。我有这个:
$(document).on('page:fetch', function(e) {
$('.spinner').replaceWith( "<img src='<%= asset_path('layout/spinner.gif') %>'>" );
});
但很明显,所有带有 .spinner 类的链接都会获得微调器。我只想替换点击的链接,并且只有当它具有微调器类时。
有什么建议吗?
最佳答案
您将拥有一些在“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') %>'>" );
});
请告诉我这是否有帮助。
关于jquery - rails 、涡轮连杆和旋转器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20583178/