javascript - 如何在 Rails 资产管道中使用我的 Jquery 插件？

Question

我的公司介绍了一种使用社交分享按钮的方法，无需在页面加载时向社交网站提供跟踪数据：jquery.socialshareprivacy。

如何在 Rails 3.2 资产管道中使用它？

Answer 1

该插件由一个 JS 文件和一个包含 css 和图像的目录组成。

Rails 3.2 带有 jQ​​uery 1.9.x 和jquery.socialshareprivacy.jsuses 函数，在 1.9 ( .live $.browser) 中删除，所以你必须修补它（首先获取补丁）使用资产管道需要为图像使用不同的文件路径，所以我修补了CSS（见第二个要点）并将其转换为 SCSS（附加.scss到文件名）。
我基本上变成了url()三个image-url()。

我把 JSvendor/assets/javascripts和整个 CSS+images 文件夹（socialshareprivacy）放在下面vendor/assets/stylesheets

当我将共享按钮放在页面上时（请参阅本文档），我在选项中设置了图像 url：

<div id="socialshareprivacy"></div>
<script type="text/javascript">
    $(function(){
        $('#socialshareprivacy').socialSharePrivacy({
            'css_path': '<%= asset_path 'socialshareprivacy/socialshareprivacy.css' %>',
            services: {
                facebook: {dummy_img: '<%= asset_path 'socialshareprivacy/images/dummy_facebook.png' %>'},
                twitter: {dummy_img: '<%= asset_path 'socialshareprivacy/images/dummy_twitter.png' %>'},
                gplus: {dummy_img: '<%= asset_path 'socialshareprivacy/images/dummy_gplus.png' %>'}
            }
        });
    });
</script>

如果您在多个地方需要它，请考虑将其转换为部分。