Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/368.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使用;显示:无&引用;在标题属性内的跨度元素上?_Javascript_Html_Css_Ruby On Rails - Fatal编程技术网

Javascript 如何使用;显示:无&引用;在标题属性内的跨度元素上?

Javascript 如何使用;显示:无&引用;在标题属性内的跨度元素上?,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=

我使用社交分享按钮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="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="#"&gt;</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))