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

我公司引进的方式使用社交共享按钮而不提供跟踪数据在网页加载的社交网站：jquery.socialshareprivacy。如何在Rails资产管道中使用我的Jquery插件？

如何我可以用它在Rails 3.2资产管道？

2013-03-06 Martin M

+1添加到的知识基础上的SO，但请添加自答题只有一次'：）'。 – halfer 2013-03-21 12:51:25

而且：我对编辑Goerge并不满意！我的提示并不是关于任何jQuery插件，而是关于原有标题中提到的特定插件。其次，它意味着我是插件作者的雇员，我不是！ – 2013-05-28 07:08:10

您的帖子被编辑通知您的原因是，如果您愿意，您可以自由纠正更正。如果您觉得整个编辑不正确，您可以回滚。 – halfer 2013-05-28 10:21:43

插件由一个JS文件，CSS和图像的目录。

的Rails 3.2自带的jQuery的1.9.x和jquery.socialshareprivacy.js使用功能，在1.9（.live $.browser）去掉，所以你必须修补它（在获得补丁first gist）使用资产管道需要使用不同的文件路径为图像，所以我修补了CSS（请参阅second gist）并将其转换为SCSS（将.scss附加到文件名）。
我基本上翻了url()为image-url()。

我把JS在vendor/assets/javascripts和vendor/assets/stylesheets

下整个CSS +图像文件夹（socialshareprivacy）当我把一个页面上的共享按钮（见this documentation），我在选项中设置图片网址：

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

如果你在几个地方需要它，考虑把它变成一个部分。

来源

2013-03-06 20:06:29

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

回答

相关问题