草庐IT

zurb-foundation

全部标签

ruby - 管理 Ruby Gem 的多个版本

我是新手,但我有一个关于管理不同版本的gem的问题,在我的例子中是zurb-foundation。一个新版本刚刚出来,我做了一个gem更新,它让我的框架的旧版本不再编译。我的项目包含一个以开头的config.rb文件require'zurb-foundation'Ruby怎么知道要使用这个的最新版本?某处是否有指向最新版本的符号链接(symboliclink)?如果是这样,我想我可以根据我目前正在从事的项目重写这个符号链接(symboliclink)。 最佳答案 如果您有多个项目使用不同版本的gem,您可能想看看Bundler。ht

ruby-on-rails - 如何使用 rails 3.1 覆盖 Zurb Foundation css 属性?

大家好,我正在开发一个新的Rails应用程序,我刚刚开始使用Foundation。我是用安装的railsgfoundation:install一切都按预期工作(我的意思是我可以在我的源代码中看到css,还有它的视觉效果;p)我只是不明白如何覆盖ZurbFoundation的默认属性...我在网上看到我应该编辑一些foundation.css或app.css但我的应用程序文件夹中似乎没有任何类似的文件....我通过编辑gemfile然后进行捆绑安装来完成安装。干杯 最佳答案 是的,如果您对app/assets/stylesheets/

ruby-on-rails - 如何使用 Rails 5.1.0 和 jQuery

我开始使用Railsv5.1.0,我知道它默认没有jQuery,但是我想安装jQuery以与ZurbFoundation6一起工作。将其设置为基础当前未加载模式的最佳方法是什么? 最佳答案 总结:安装yarnyarn添加jquery将jquery添加到application.jslist文件~~~我今天也遇到了这个问题。在thisarticleaboutusingActionCablewith5.1我了解到在您的应用程序中获取JQuery的新方法是使用Yarn这是一个javascript依赖项管理器(想想Gemfile和Bundle

ruby - 证书验证在 "gem install foundation"中失败

在安装nodejs、ruby、gitplusbower后尝试安装Foundation。我不断收到以下错误,但我不知道如何解决:找不到有效的gem'foundation'(>=0),原因如下:无法从https://rubygems.org/下载数据-SSL_connectreturned=1errno=0state=SSLv3readservercertificateB:certificateverifyfailed(https://api.rubygems.org/latest_specs.4.8.gz)有什么想法吗? 最佳答案 如

javascript - Gulp.js 与基础/compass

有没有人成功让Gulp-sass与foundation4/5一起工作(最好使用compass?)该应用程序成功地使用了基础4,没有gulp,使用compasswatch。但我想开始使用gulp来简化我的sass/coffee/minification编译。这是我的gulpfile.jsvargulp=require('gulp'),util=require('gulp-util'),sass=require('gulp-sass'),coffee=require('gulp-coffee');varpaths={scripts:{src:'src/coffee/**/*.coffee'

javascript - 在 Javascript 中检测 Foundation Small/Large 使用情况

有没有办法检测Foundationgrid是否存在?使用Javascript处于“小”或“大”模式? 最佳答案 是的,您可以创建这样的函数:varisLarge,isMedium,isSmall;isSmall=function(){returnmatchMedia(Foundation.media_queries['small']).matches&&!matchMedia(Foundation.media_queries.medium).matches;};isMedium=function(){returnmatchMedia

javascript - 如何处理 $(document).foundation() 调用和 WebPack?

根据基金会的documentation:AfteryouhaveincludedtheFoundationJavaScript,justaddasimplecalltoinitializeallpluginsonyourpage.WerecommendthatyouinitializeFoundationattheendofthepage.$(document).foundation();我的应用使用WebPack,因此模块加载是异步。这意味着正文底部的经典脚本会在ui-view被模板填充之前运行。(使用Angular)。如果我将脚本放在底部,DOM会在被Foundation的脚本解析

javascript - 项目中的 Foundation 6.4 JavaScript 无法正常工作,但外部 JS 可以

我对Foundation6.4中的javascript失去了理智。我不知道这个Webpack是怎么回事。似乎有些库/插件可以工作,有些则不能。我的最新一期是plyr(https://plyr.io/)。我不明白为什么TweenMax可以100%正常工作而plyr.js却不行。我究竟做错了什么?这是我得到的错误..app.js:23026UncaughtReferenceError:plyr未定义这就是我的app.js的样子..import$from'jquery';importwhatInputfrom'what-input';window.$=$;window.jQuery=$;re

javascript - Zurb 基金会 'Joyride' : how to start/programmatically

我正在使用Foundation4Joyride插件,但我需要它在用户单击我的UI上的某个按钮后启动(并重新启动),但我无法这样做。按照Zurb网站上提供的代码,我只能在网站首次运行时运行它。Joyride的文档在这里:http://foundation.zurb.com/docs/components/joyride.html我的初始化代码在这里$(document).foundation().foundation('joyride','start',{template:{//HTMLsegmentsfortiplayoutlink:'  ',timer:'',ti

javascript - 在选定的选项卡上加载内容(基础)

我正在使用ZurbFoundation6Tabs。我有一个javascript问题。这是我的3选项卡布局的html。Tab1InfoTab2InfoTab3Info............选项卡效果很好!但是,我只想在单击时将内容加载到选项卡3中。我将使用ajax加载内容。Foundation6文档提供了一个javascript事件,该事件在单击任何选项卡时触发。见下文:$('#myTabs').on('change.zf.tabs',function(){console.log('Thosetabssuredidchange!');});我需要一个仅在选择panel3时触发的事件。怎