zurb-foundation | 易学教程

ngOnDestroy and $('#element').foundation('destroy');

阅读更多关于 ngOnDestroy and $('#element').foundation('destroy');

问题 I'm trying to implement a Sticky Magellan in my Angular2 application. Once I leave the view I want to remove the plugin, because otherwise I get problems when I'm revisiting the view. So I'm using: ngOnDestroy(): void { $('#element').foundation('destroy'); } Which results in: Error: Uncaught (in promise): ReferenceError: We're sorry, 'destroy' is not an available method for this element. ReferenceError: We're sorry, 'destroy' is not an available method for this element. at jQuery.fn.init

Gulp error: Path must be a string

阅读更多关于 Gulp error: Path must be a string

问题 I've got a problem with gulp.js. Steps to reproduce: $ composer global require "laravel/installer=~1.1" $ laravel new myproject $ cd myproject $ php artisan serve $ npm install $ npm rm bootstrap-sass —save $ npm install foundation-sites —save $ npm install motion-ui —save then I copy _settings.scss from node_modules/foundation-sites/scss/settings to resources/assets/sass in app.scss then i put every Foundation import and finally I write Elixir task as reported here: http://zecipriano.com/en

Ruby unable to find Foundation/foundation-global?

阅读更多关于 Ruby unable to find Foundation/foundation-global?

问题 Yesterday I decided to give Foundation a try on one of my web apps. Everything worked fine as I was in localhost, but when I pushed the new changes to my EC2 instance, continuing to follow the Zurb Foundation instructions, I ran into this error: Sass::SyntaxError in Home#index Showing /var/www/brain_db/app/views/layouts/application.html.erb where line #18 raised: File to import not found or unreadable: foundation/foundation-global. Load path: Sass::Rails::Importer(/var/www/brain_db/app/assets

Zurb Foundation and IE 8

阅读更多关于 Zurb Foundation and IE 8

问题 The css example below works in in all supported browsers with the exception of IE8 (not focusing on anything lower than IE 8). I'm using the latest version of Foundation. The columns stack in IE8 when they should float. Actually see the float:left; attribute applied in the styles but they do not float. What does work is if I add the css class names row, column six and so on directly to my mark up however I would prefer not to do so. I can't seem to pinpoint the issue in IE 8...any suggestion

Align Foundation 5 tabs in the middle of the screen

阅读更多关于 Align Foundation 5 tabs in the middle of the screen

问题 Im trying to align the out of the box Tabs which come with Foundation 5. For some reason by default they are aligned to the left and i cant figure out how i can get these to align to the center of the screen. The code i am working with is fairly simple (the bog standard tab markup) Example: <ul class="tabs" data-tab> <li class="tab-title active"><a href="#panel2-1">Tab 1</a></li> <li class="tab-title"><a href="#panel2-2">Tab 2</a></li> </ul> <div class="tabs-content"> <div class="content

react split panel resize

阅读更多关于 react split panel resize

问题 I am trying to create dynamically resized panels with react and foundation. I have tried react-split-pane and other similar libraries, but they are messing with the responsiveness of the page. I also tried the resize css3 property but it is not flexible as it only allows the containers to be resized only to the right and bottom and I was unable to style the resize handle to be a horizontal or vertical bar. Any suggestion would help. 回答1: This will be possible with react-resizeable once pull

Sass or Foundation Error after updating Rails and other gems

阅读更多关于 Sass or Foundation Error after updating Rails and other gems

问题 I have recently updated rails and some other gems. However now I get the following error: Sass::SyntaxError at / Mixin "exports" does not accept a content block. (in /Users/mikhailja/Sites/marketing/app/assets/stylesheets/application.css.scss:341) I'm using: ruby 2.1.2 rails 4.1.8 sass 3.2.2 sass-rails 2.0.0 foundation-rails 5.4.5.0 The problem went away for a while after trying numerous gem versions but now all of a sudden its back after getting a stack level too deep error. I've tried the

Can't create a new project with Foundation CSS

阅读更多关于 Can't create a new project with Foundation CSS

问题 I'm just started with Foundation CSS framework. All installation was fine, but when I'm trying to create my first project, I received this error. foundation new /usr/local/lib/node_modules/foundation-cli/lib/commands/info.js:7 module.exports = function(args = {}) { ^ SyntaxError: Unexpected token = at exports.runInThisContext (vm.js:53:16) at Module._compile (module.js:373:25) at Object.Module._extensions..js (module.js:416:10) at Module.load (module.js:343:32) at Function.Module._load

Foundation 4:Unable to overwrite its regular expression to validate password

阅读更多关于 Foundation 4:Unable to overwrite its regular expression to validate password

I want to overwrite password pattern provided by foundation(zurb) but its not identifying my overwritten regular expression and generated error according to its by default expression. By default,passwords validation provided by foundation is "must be at least 8 characters with 1 capital letter, 1 number, and one special character". For that I have used following: 1) <head> <script> $(document) .foundation() .foundation('abide', { patterns: { new: ^[a-zA-Z]\w{3,14}$, } }); </script></head> <body> <form class="custom" data-abide> <div class="row"> <div class="large-12 columns"> <label>Password

Zurb Foundation vs Twitter Bootstrap for non-designers [closed]

阅读更多关于 Zurb Foundation vs Twitter Bootstrap for non-designers [closed]

问题 As it currently stands, this question is not a good fit for our Q&A format. We expect answers to be supported by facts, references, or expertise, but this question will likely solicit debate, arguments, polling, or extended discussion. If you feel that this question can be improved and possibly reopened, visit the help center for guidance. Closed 6 years ago . I'm not a web designer, and I don't have a lot of time for customization. I'm creating a website that is a LoB web application. Most