Tag: zurb foundation

基金会电子邮件validationajax

我是Zurb基金会概念的新手，并inheritance了一些工作要做。 在表格中，我看到以下内容 E-Mail-Adresse:* Please provide your email address. Repeat email address* The email address don’t match 我理解这是如何工作的。 但现在我必须添加额外的function，当两个电子邮件地址匹配时，必须检查应用程序数据库中是否存在电子邮件地址，如果存在，则应显示下一行 – 标签，字段和消息（警报），使用以下代码： Id code: This email address already exists. Please provide your ID code. 问题是：我该如何实现这一目标？ 问候，并提前感谢

基础5 – 使用JQuery改变下拉方向，适用于中小屏幕

我已经实现了一个左手菜单，其中包含多个向下对齐的下拉菜单，因此它就像一个飞出菜单。 在大屏幕上，这很好用。 在一个小屏幕上，Foundation会自动更改下拉列表以对齐底部，这也可以正常工作。 但是，在中等屏幕即平板电脑上，下拉列表仍然会尝试向右对齐，但大部分都在屏幕外，无法选择。 因此，我希望它能让下拉菜单在中小屏幕上自动对齐到底部。 我怎么能用JQuery做到这一点？ Components Accessories for tower cases Cooling 我试过以下bt没有任何反应： $(“.side-nav”).data(‘options’, “is_hover:true;align:bottom;”);

基础6在Angular2中的粘性元素

这个问题构建了我之前的一个问题： ngOnDestroy和$（’＃element’）。foundation（’destroy’）; 我基本上试图在我的Angular2应用程序中使Foundations Sticky工作。 除了我无法破坏Foundation元素的问题，使用ngOnDestroy() ，我总是在使用Sticky元素。 我有的是这个： 组件模板 Elm1 Eml2 Eml3 Eml4 可能很重要的是说wrapperDiv是直接加载的，并且在它的父ngIf中没有ngIf条件。 在我的组件中，我在ngAfterViewInit使用它： 零件 ngAfterViewInit(): void { $(‘#myStickyElement’).foundation(); } 当我在这个特定视图上重新加载整页时 ，一切都超级有效！ 如果我导航到此视图，则它不起作用。 似乎与整页重新加载有关 在某些方面，我正在创建像这样的Sticky元素： let myStickyElement = new Foundation.Sticky($(‘#myStickyElement’)); 这对行为没有任何影响，但我可以打印出对象myStickyElement 。 在整页重新加载时，对象如下所示： 在这里，如果我导航到页面： 如您所见， myStickyElement的对象看起来有所不同。 缺了点什么。 有没有人遇到过这个问题？ 为什么整页重新加载如此不同？

在Zurb Foundation手动触发Abidevalidation

我正在努力使自己成为一个表单，但我需要根据表单输入是否正确来防止一些UX内容。 是否有用于手动将validation例程发布到表单字段的API？ 我知道我可以听取后validation事件，但实际上我需要从外部源开始validation。 这可能吗？

基础6（6.2.3）当我尝试使用可选配置时，均衡器停止工作

我有一个依赖基础的网站。 一切都很好，直到我添加此处记录的可选javascript配置。 特别： equalize_on_stack: false 这给了我这个错误： 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. 这是在我的页脚文件中： $(document).ready(function(){ $(document).foundation({ equalizer : { equalize_on_stack: false, } }); }); 我瞄准的元素看起来像这样： stuff and things things and stuff jquery被加载到头文件中，如果我像这样初始化它，均衡器确实有效： $(document).ready(function(){ $(document).foundation(); }); 也许我错过了一些简单的事情。 如果那里的任何人都可以看看并帮助我弄清楚为什么“equalize_on_stack”不起作用，我真的很感激。 ===解决了它=== 感谢Shoaib […]

在Zurb的Foundation Framework中添加jquery插件

我正在使用Zurbs的基金会快速原型框架，非常好。 我想知道将另一个jquery插件集成到其中的正确方法。 基金会对你如何包含其他插件非常挑剔。 部分框架是一个充满function的app.js文件。 我应该直接在那里添加我的新function吗？ 虽然我理解js（阅读确定）我不是js专家，所以请一个明确解释的答案。 谢谢 （工作的网站是vincentstephens.co.uk/vs5.1/portfolio – 尝试整合位于vincentstephens.co.uk/vs5.1/portfolio/portfolio.html的时间线滑块）

如何以AMD方式集成Foundation 3

编辑4 在（来自Foundation 3包） app.js定义了一个模块： (function($, window, undefined) { ‘use strict’; var $doc = $(document), Modernizr = window.Modernizr; $(document).ready(function() { $.fn.foundationAlerts ? $doc.foundationAlerts() : null; // … $.fn.foundationClearing ? $doc.foundationClearing() : null; $(‘input, textarea’).placeholder(); }); // touch support detction is omitted })(jQuery, this); 我试着将它解释为下一个forms： BOOTSTRAP.JS require.config({ paths: { // other paths then.. ‘foundation’: ‘../libs/zurb’ }, shim: […]

Zurb Foundation Interchange不工作，’nodeName’未定义

我正在尝试使用交换来根据屏幕大小更改图像。 但是，当初始化交换时，没有图像加载。 然后，当我调整浏览器大小（1024px及更低）时，我在控制台中收到错误消息： Uncaught TypeError: Cannot read property ‘nodeName’ of undefined 这与foundation.interchange.js的第47行有关，它是： if (/IMG/.test(el[0].nodeName)) { 我试图使用的代码是： 根据Zurb的文档，这是完全标准的。 我确保图像存在，他们这样做。 我正在使用Foundation版本5.2.2。 有任何想法吗？

通过URL哈希链接触发Zurb Foundation Accordion的开放

我真的希望能够通过问题哈希中的手风琴窗格通过URL“激活”/“打开”Zurb Foundation Accordion。 就像example.com/page#accordion1一样 这可能已经与Foundation一起使用，还是很容易实现？ 老实说我没有线索： – / 提前感谢您提供的任何帮助！

Foundation 5 Off-canvas Swipe

是否可以使用滑动手势打开和关闭Foundation 5 Off-Canvas菜单？ 参考： http ： //foundation.zurb.com/docs/components/offcanvas.html