zurb-foundation

Foundation joyride start only on first load

由 走远了吗. 提交于 2019-12-18 07:22:05
问题 I'm using Foundation Joyride and every time I load the webpage the tour starts, but how do I only start the tour for the first time the webpage is loaded? My settings are ... $(window).load(function() { //Foundation Joyride (Tour) $("#tour").joyride({ 'cookieMonster': true, 'cookieName': 'JoyRide', 'cookieDomain': 'mydomain.co.uk/', 'postRideCallback' : function () { $(this).joyride('destroy'); }, cookieMonster: false }); }); 回答1: Got it working at last and it turned out to be the order in

Foundation and AngularJS

由 泪湿孤枕 提交于 2019-12-18 04:18:07
问题 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

Foundation 5 build isn't complete

由 匆匆过客 提交于 2019-12-17 17:07:56
问题 I'm throwing my head against a wall here and would appreciate some help. So.. Lately, when I create a foundation project (or any existing project), I'm importing all of foundation with: @import "settings"; @import "foundation"; However, when I compile the scss with compass, it will not import all of foundation. I end up with: ../bower_components/foundation/scss/foundation/components/_visibility.scss */ ../bower_components/foundation/scss/foundation/components/_offcanvas.scss */ ../bower

Foundation 6 does not generate any styles

由 老子叫甜甜 提交于 2019-12-17 15:33:17
问题 I have setup a new project to test Foundation 6 using Gulp and Sass but it doesn't seem to compile at all. There is another post close to this topic, but I personally believe the accepted answer is not the correct solution - as it includes all of the components and is actually the opposite of what Zurb suggests (see this issue: https://github.com/zurb/foundation-sites/issues/7537). Anyway ... I installed Foundation 6.1.1 from bower, and added the path to my gulp-sass function in gulpfile.js

“Uncaught TypeError: a.indexOf is not a function” error when opening new foundation project

由 与世无争的帅哥 提交于 2019-12-17 05:32:24
问题 I've created a new Foundation 5 project through bash, with foundation new my-project . When I open the index.html file in Chrome an Uncaught TypeError: a.indexOf is not a function error is shown in the console, originating in jquery.min.js:4 . I created the project following the steps on the foundation site, but I can't seem to get rid of this error. Foundation and jQuery look like they are included and linked up correctly in the index.html file, and the linked app.js file is including $

Namespacing the Bootstrap and Foundation CSS frameworks

由 梦想与她 提交于 2019-12-14 02:22:49
问题 I'm injecting the Foundation CSS framework into an existing project. Many of Foundation's class names conflict with classes in the underlying code. How can I encapsulate the Foundation JavaScript and CSS files in their own namespace? These are the specific files that cause the conflicts: foundation.css foundation.js foundation.reveal.js I'm using Foundation v5. I've added the twitter-bootstrap tag to this question because I've also tried to put the Bootstrap CSS and JavaScript files in their

HTML/CSS: Foundation stylesheet wont link

由 岁酱吖の 提交于 2019-12-13 21:45:32
问题 I am trying to get the foundation framework to link to my HTML page but when I try to use the grid system it does not do anything. I have been looked at a few different tutorials to make sure that I am linking things correctly but I still can not figure out why it wont work. Here is an image of my editor and display side by side. My index.html, css folder, and js folder are all contained within the same directory. Editor and Display Also attaching my code: <!doctype html> <html> <head> <meta

Foundation 6 (6.2.3) Equalizer stops working when I try to use optional configurations

由 ╄→尐↘猪︶ㄣ 提交于 2019-12-13 20:07:18
问题 I've got a site that relies on foundation. Everything works great, until I add the optional javascript configurations documented here. Specifically: equalize_on_stack: false That give me this error: foundation.js:1 Uncaught TypeError: We're sorry, object is not a valid parameter. You must use a string representing the method you wish to invoke. This is in my footer file: $(document).ready(function(){ $(document).foundation({ equalizer : { equalize_on_stack: false, } }); }); And the elements I

Deep Linking Foundation 5 Tabs

由 为君一笑 提交于 2019-12-13 19:28:09
问题 Update As of v5.5.1 Foundation Tabs support deep linking. Deep linking doesn't work with Foundation 5 Tabs so I am attempting to work on a hack. My thought is to use jQuery to trigger a click on the appropriate tab but it isn't working. var hash = window.location.hash; $(function() { $(window).on('load', function () { $(hash).trigger( "click" ); console.log(hash) }); }); The console.log shows the correct hash but the "click" doesn't appear to work. I would like to know any workarounds or

Foundation <nav data-topbar> disallows writing a <section> into <div>

由 Deadly 提交于 2019-12-13 19:23:05
问题 Is this behaviour expected, or a bug? When using Zurb Foundation 5's top-bar component, the rendered HTML is doesn't allow me to put a «section» tag inside of a «div». I have troubleshooted enough to know that this only occurs when you add the data-topbar attribute to the «nav». I am able to add a «ul» element in the «div» and have it render properly. However, the «section class="tob-bar-section"» is fighting me. Markup written to file: <nav data-topbar="topbar"> <div> <section></section> <
订阅 zurb-foundation