问题标签 [ink.sapo.pt]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
837 浏览

css - 移动网页布局 - 轮播式

我一直在做一些尝试构建一个移动应用程序来使用电话间隙。在定义布局时,虽然我有一些问题:

我想构建一个带有侧滚动的单页布局,使用与轮播图片库相同的效果,但我不想切换图像,而是在页面之间切换。

我想实现类似轮播的效果切换“页面”,并且正在考虑使用 Bootstrap 或Ink之类的东西并使用提供的布局,以便我可以让每一列都表现为不同的屏幕。就像这里解释在此处输入图像描述的那样,红色方块代表当前可视化的屏幕(或列),蓝色方块是“不可见”的屏幕(或列)。因此,正如您所看到的,每一列都应该“缩放”以填充屏幕/视口。

从两个框架中阅读文档我看不到如何实现这一点,因为列定义是

默认的 Bootstrap 网格系统使用 12 列,形成一个 940 像素宽的容器,没有启用响应功能。添加响应式 CSS 文件后,网格会根据您的视口调整为 724 像素和 1170 像素宽。在 767px 视口以下,列变得流畅并垂直堆叠。

对于引导程序和

使用 Ink,您可以使用三种布局来满足您的需求。

S 代表小 M 代表中 L 代表大 默认情况下,这些对应于以下屏幕尺寸间隔(我们将在几秒钟内展示如何自定义这些间隔):

小:650 像素以下 中:651 到 960 像素宽 大:961 像素以上

对于墨水。

所以,据我所知,我不能完全达到预期的效果。

我的问题是:如何获得想要的效果,如何让 bootstrap 或 Ink 更改其列定义,以便每列代表一个屏幕(或一组列,因为它们的总和必须为 12 列)?这甚至可能吗?还有其他我应该考虑的选择吗?

最好的问候, 塞尔索桑托斯

0 投票
2 回答
313 浏览

javascript - JavaScript - 提交事件

我正在尝试使用来自 ink.sapo.pt http://ink.sapo.pt/index.php/js/ui#formvalidator的表单验证器

我想拦截提交事件来编写我自己的代码,但总是调用以下事件:

即使 onsubmit 属性为假。

基本上我希望ink.sapo.pt 验证我的表单,但我想在每次验证表单时使用我自己的代码。

0 投票
1 回答
117 浏览

ruby-on-rails - 如果使用框架的类,表单不会更新数据库中的值

我正在使用 ink 框架来设置我的 Web 应用程序的样式。对于样式表,我正在使用这个http://ink.sapo.pt/index.php/forms

在上面的表格中,我放置了class= ink-form inline表格样式。这样做会为我的表单设置样式,但不会更新数据库中的值。当我使用此代码时

<%= form_for(@document, :remote => true, :class => "ink-form inline") do |f| %>

然后它会更新数据库中的值,但不会设置表单样式。我没有找到问题所在。请帮忙。!!

0 投票
1 回答
702 浏览

javascript - 使用 Ink 框架修复了标题

我正在尝试使用Ink 框架(CSS/JS) 固定我的标题,以便它在滚动时不会在页面上移动,我似乎无法做到这一点。

HTML:

我已经查看并尝试使用 CSS 包切换,但无法启动。

任何帮助,将不胜感激!

0 投票
1 回答
51 浏览

javascript - ink.sapo.pt 如何使用这个表单验证(onSuccess 回调)

我已经尝试了 2 个小时来让这个表单验证器工作,但我不能...... http://ink.sapo.pt/javascript/Ink.UI.FormValidator.2/#Ink_UI_FormValidator_2-FormValidator_FormElement-FormElement
我的意思是,当我按下提交按钮时,表单会得到验证,并且只有在所有字段都正确之后,表单才会发布数据。
但我需要的是实际设置 onSuccess 回调,这样我就可以轻松地使用函数,而不是使用 method="post"。

0 投票
1 回答
53 浏览

html - Ink Toolkit 中的 Ink Sapo 顶栏含义

Ink Sapo UI Toolkit 中的 topbar id 是什么?它不在文档中。它只是使菜单居中吗?它实际上是做什么的?有人知道吗?

0 投票
1 回答
45 浏览

html - 关闭 Canvas 子菜单未使用 Ink Sapo UI Kit 显示

如下所示,我有一个用于关闭画布菜单的左侧抽屉,右侧有一个子菜单弹出菜单,但子菜单在悬停或单击时不显示。怎么了?我正在使用 SAPO 3.1.10 版的 Ink UI Kit。