我试图在点击时用微调器替换文本链接.我有这个：
$(document).on('page:fetch',function(e) {
$('.spinner').replaceWith( "<img src='<%= asset_path('layout/spinner.gif') %>'>" );
});
但很明显,与.spinner类的所有链接都获得了微调器.我想只在被点击的链接上替换它,只有它有spinner类.
有什么建议？
解决方法
您将在“page：load”和ready事件中触发一些代码,以便它们适用于整页加载和Turbolinks页面加载.下面的代码将在单击的’.spinner’上添加值为true的’data-click’属性.
#inside both the ready and 'page:load' events
$('.spinner').on('click',function(e) {
$(this).attr('data-clicked',true);
});
下面的代码将查找具有值为true的数据单击属性的“.spinner”,并在其上应用微调器图像.
$(document).on('page:fetch',function(e) {
$('.spinner[data-clicked="true"]').replaceWith( "<img src='<%= asset_path('layout/spinner.gif') %>'>" );
});
如果有帮助,请告诉我.
