Javascript 如何使用;显示:无&引用;在标题属性内的跨度元素上?
我使用社交分享按钮gem在社交媒体上分享博客文章。我已经国际化的网站,这意味着该网站是双语(英语和德语)。一切正常,但如果我切换到德语,社交共享按钮会出现问题: show.html.erbJavascript 如何使用;显示:无&引用;在标题属性内的跨度元素上?,javascript,html,css,ruby-on-rails,Javascript,Html,Css,Ruby On Rails,我使用社交分享按钮gem在社交媒体上分享博客文章。我已经国际化的网站,这意味着该网站是双语(英语和德语)。一切正常,但如果我切换到德语,社交共享按钮会出现问题: show.html.erb <div id="share_box"> <% if I18n.locale == :de %> <h3 class="share_title wow bounceIn" data-wow-duration="1400ms" data-wow-delay=
<div id="share_box">
<% if I18n.locale == :de %>
<h3 class="share_title wow bounceIn" data-wow-duration="1400ms" data-wow-delay="200ms">Teile diesen beitrag</h3>
<% else %>
<h3 class="share_title wow bounceIn" data-wow-duration="1400ms" data-wow-delay="200ms">Share this Post</h3>
<% end %>
<div class="wow fadeIn" data-wow-duration="1400ms" data-wow-delay="200ms">
<% if I18n.locale == :de %>
<%= social_share_button_tag(@post.title_de, :url => post_url(@post)) %>
<% else %>
<%= social_share_button_tag(@post.title_en, :url => post_url(@post)) %>
<% end %>
</div>
</div>
2)整个图标消失了
a[title] {
display: none !important;
}
$(document).ready(function() {
$("a").removeAttr("title");
});
3)试图用JavaScript摆脱它(只有悬停文本消失)
悬停文本为:
<span class=
您可以使用动态调用和I18n模块,而不是在代码中添加条件
module PostsHelper
def localized_title(post, locale: I18n.locale)
post.public_send("title_#{locale.to_s}")
end
end
应检查翻译是否存在(使用translate!
)或提供默认值:
link_title = strip_tags(t("social_share_button.share_to", default: 'Share to')), :name => strip_tags(t("social_share_button.#{name.downcase}", default: name))
如果你真的爱上了那颗宝石。否则,还有很多选择。缺少翻译不是真正的问题吗?当然,但如果一切正常,如果宝石中缺少翻译,我可能不会:)我所需要的就是删除文本…跨度从何而来?这是一个RoR方面需要解决的问题。不是js或css。因为RoR呈现无效的html。你可以看看@trickydiddy,我认为它更简单,而且很可能你会不止一次需要它。strip_tags
只是防止聪明人在本地化文件中添加标记的额外保证。谢谢你的详细回答!这对我帮助很大!我通过分叉和修复宝石解决了这个问题!这是非常有用的!
<span class=
<a rel="nofollow " data-site="twitter" class="ssb-icon ssb-twitter" onclick="return SocialShareButton.share(this);" translation_missing"="">Share To" href="#"></a>
module PostsHelper
def localized_title(post, locale: I18n.locale)
post.public_send("title_#{locale.to_s}")
end
end
<div id="share_box">
<h3 class="share_title wow bounceIn" data-wow-duration="1400ms" data-wow-delay="200ms"><%= t('.share_this_post') %></h3>
<div class="wow fadeIn" data-wow-duration="1400ms" data-wow-delay="200ms">
<%= social_share_button_tag(localized_title(@post), url: post_url(@post)) %>
</div>
</div>
link_title = t "social_share_button.share_to", :name => t("social_share_button.#{name.downcase}")
link_title = strip_tags(t("social_share_button.share_to", default: 'Share to')), :name => strip_tags(t("social_share_button.#{name.downcase}", default: name))