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

Question

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

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

Answer 1

该插件包含一个JS文件和一个包含CSS和图像的目录。

Rails 3.2随附于jQuery 1.9.x，并且jquery.socialshareprivacy.js使用的功能已在1.9（ .live $.browser ）中删除，因此您必须对其进行修补（ 首先获得修补程序）使用资产管道需要使用不同的方法图像的文件路径，因此我修补了CSS（请参阅第二个要点 ）并将其转换为SCSS（将.scss追加到文件名之后）。
我基本上把三个url()变成了image-url() 。

我将JS放在vendor/assets/javascripts ，并将整个CSS + images文件夹（socialshareprivacy）放在vendor/assets/stylesheets

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

<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>

如果您在多个地方需要它，请考虑将其变成局部的。