如何在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>

如果您在多個地方需要它，請考慮將其變成局部的。