zurb-foundation | 易学教程

Certificate Verify Failed in “gem install foundation”

阅读更多关于 Certificate Verify Failed in “gem install foundation”

问题 Trying to install Foundation after installing nodejs, ruby, and git plus bower. I keep getting the following error and I dont know how to fix it: Could not find a valid gem 'foundation' (>= 0), here is why: Unable to download data from https://rubygems.org/ - SSL_connect returned=1 errno=0 state=SSLv3 read server certificate B: certificate verify failed (https://api.rubygems.org/latest_specs.4.8.gz) Any ideas? 回答1: Try this (quick but insecure) gem sources --remove https://rubygems.org/ gem

Foundation and AngularJS

阅读更多关于 Foundation and AngularJS

I am modifying an application using Zurb's Foundation framework for responsiveness and AngularJS. There is a bug where data displayed in a table with <tr ng-repeat="obj in entries">...</tr> has <td> 's which are hidden/shown based on Foundation's responsive rules. Unfortunately, when the angular model is updated, Foundation doesn't re-flow the newly rendered DOM. I have tried using $(document).foundation('table') as I found in extensive google searching, but this didn't actually trigger a reflow of the responsive collapsed table. I also added a directive to trigger a simple $(window).trigger(

Django-Bower + Foundation 5 + SASS, How to configure?

阅读更多关于 Django-Bower + Foundation 5 + SASS, How to configure?

问题 I'm in the process of testing out a SASS implementation of Foundation 5 using Django-Bower. I'm new to the idea of Bower and am having a bit of confusion as to how to get this setup working properly. I have django-bower installed and configured to run properly. After I added foundation to the bower apps config and ran manage.py bower_install I can see that the foundation files have indeed been installed properly. I can also use the static tag to load the JS into a template without an issue,

Search HTML table with JS and jQuery

阅读更多关于 Search HTML table with JS and jQuery

I made a table and wanted to make it searchable, so I googled and looked here at starckoverflow. But somehow, the things I've found, that should work, dont work for me? Here is the code, both HTML and JS. <!DOCTYPE html> <html class="no-js" lang="en"> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="author" content="C.Palma" /> <meta name="content" content="World of Warcraft. Characters. Project. Learn 2 Code." /> <title>World of Warcraft Characters.</title> <link rel="stylesheet" href="css/foundation.css" /> <script src="js

Max-Width vs. Min-Width

阅读更多关于 Max-Width vs. Min-Width

Most of the tutorials I'm reading on using Media Queries are demonstrating the use of min-width , but I'm rarely seeing people using max-width . Is this some sort of design trend, or pattern, why people are using min-width over max-width ? For example, I'm designing a site starting from mobile, working up to the desktop. I am using Foundation 4, but using media queries to remove various elements on the page and re-position the source order. One thing I am facing is a custom navigation for any device who's width is 360px or less. I want them to have a vertical navigation, rather than an inline

Zurb Foundation 4 closed modal gets stuck

阅读更多关于 Zurb Foundation 4 closed modal gets stuck

I have a modal popup which contains a View Details button that opens a different modal popup. I'm using $('#modalName').foundation('reveal', 'close') everywhere and it works very well. But in this case, I believe there is an event issue going on, because the modal closes but control never returns to the window. This is the modal I want to close: Notice the red box around the Done button and the X (close). I want the same code to execute no matter which way the user closes the popup. CSHTML @*The Modal View for Displaying Meter Tag Details*@ <div id="meterTagDetailsModal" class="reveal-modal

SessionID is not communicated between Client/Server in webpack4 project with php/apache backend

阅读更多关于 SessionID is not communicated between Client/Server in webpack4 project with php/apache backend

问题 I'm testing out ZURB foundation which runs on webpack4, babel7 and gulp (as taskrunner). My backend is built with a no-installation, latest XAMPP. I'm running apache from it and my php. The basis for client/server communication works. Im using jquery AJAX to call php scripts and push/pull data to/from MariaDB. Now I want some persistence for my login functionality. I configured my php.ini so that the session files are located inside /Session folder which resides inside the src/assets folder

JQuery in Rails is failing after linking from another page, works on page load

阅读更多关于 JQuery in Rails is failing after linking from another page, works on page load

I have a quote rotator I use on my homepage. When I load the page from the browser directly (type the address in the browser and hit enter) it works fine.. However, if I click on a link to another page in my site and then link back to home it stops working. More specifically, it the quotes start to overlap almost as if two instances of the method are running. I think it may be a problem with how the javascript is loading. Since I have a tab script on another page in the site and it will load fine, but if I link away and back to the page it no longer works... Receiving no errors in the console.

How does SCSS locate partials?

阅读更多关于 How does SCSS locate partials?

问题 I'm looking through the bower foundation project and I'm getting stumped on how the project is able to locate the partials. In particular, I'm looking at the _settings.scss that has a relative reference in it I just don't quite understand. On line 58 there is a reference to foundation/functions but this partial ( _functions.scss ) is a sibling of the settings partial. I'm confused as why there is a reference to the parent directory foundation on that line. I'm also confused as to how this

Unable to compile an existing project because Compass can't find it

阅读更多关于 Unable to compile an existing project because Compass can't find it

问题 I just installed the foundation in my application base directory by executing the following command: compass create myprojectname -r zurb-foundation --using foundation Now I have open the sass/_settings.scss file and I have un-comment the 66th line that is the following: $include-html-classes: true; finaly, I try to compile my foundation project in order to include the html classes by executing the following command: compass compile but I am getting the following result in my command prompt: