问题标签 [skel]

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 投票
1 回答
172 浏览

html - Skel:画布外导航未显示在标记中,子导航显示太高

我需要把这个HTML5UP 模板变成一个 Wordpress 主题。到目前为止,我对结果总体上很满意,但由于某种原因,Off-Canvas Navigation(如果我检查原始页面的元素<div id="titleBar"><div id="navPanel">我可以看到的所有后续代码)没有出现在我的代码,当然,在移动视图中也没有。同时,虽然下拉菜单(使用 jquery.dropotron.min.js)有效,但与原始导航相比,子导航显得太“高”。

显然,我把事情搞砸了,但我很难弄清楚我做错了什么。我远不是代码专家,这就是为什么我想寻求您的宝贵帮助。作为记录,所有脚本和样式都加载在 functions.php 页面中。

这是我的标记:

`

非常感谢您提前

0 投票
0 回答
878 浏览

javascript - 使用 javascript 自动启动/播放 HTML5 视频以避免使用自动播放属性

我需要的是一个脚本,该脚本将触发页面上具有相同类的所有 html5 视频来播放——一旦页面被加载——因为 html5 自动播放属性是禁止的。

我是一个 JavaScript 菜鸟。我编写了下面的脚本来解决由于与 [skel.js] ( https://github.com/n33/skel.old ) 冲突而导致 html5 视频自动播放中断的问题。

我不能从头开始编写javascript,所以我对这个脚本中发生的事情一无所知;但是,它可以在我的网站上完成我需要它做的事情。但是,我敢打赌,它写得不好或效率低下。例如,我目前为每个视频/课程都有一个单独的脚本。我知道用同一类调用所有视频会更聪明,但我不知道如何。我很想知道这里是否有多余或错误的代码,以及是否有更好的解决方案让这些视频在页面加载时自动播放?

这是我正在使用的代码:

这是我的完整测试代码:

谢谢!

0 投票
2 回答
366 浏览

ruby-on-rails - Rails 像素化模板 (skel)

我想在我的 Rails 4.2.6 应用程序模板中使用 pixelarity(如这个例子http://pixelarity.com/elemental)。

所以,我在 main.js (snippet) 中有有趣的构造

我的 layout.html.slim 包含

所以,当分辨率改变时,js会插入另一个css。完美的!

但我不明白如何将它附加到我的应用程序中。

如果我将文件放入application.scss其中,它将为每个页面加载,这是错误的,并且文件名将被更改。

此时我使用publicdir,所有这些东西都在其中工作,但这是不对的,我感觉到它(而且我在那里没有缩小)。

我如何以 Rails 方式使用它?我怎样才能留下这个 css 文件的缩小,并用它们的初始名称分开它们?

谢谢!

0 投票
2 回答
1255 浏览

javascript - 使用 Javascript 加载 CSS 太慢

我正在开发一个在线注册系统。我使用“skel.init”将我的 CSS 文件加载到 javascript 文件中。加载其他页面或刷新网站时。它加载 CSS 的速度非常慢,以至于我的网站在加载时几乎 1 秒内没有 CSS。有没有可以解决这个问题的解决方案?(PS这不是我网络的问题。我已经测试过我的网络)

0 投票
2 回答
100 浏览

javascript - 行与 Skel 之间的边距

我正在使用 Skel 网格系统来设置我的布局,但我不明白如何在行之间添加空间。

这是我的 HTML 代码的样子:

正如所料,我的内容显示在一行中:

问题是如果我向 .element css 类添加边距,最后一行会换行。

添加了边距,但它破坏了网格系统,导致:

我认为我不应该使用 css 边距属性,而是使用动态修改器的行/网格,但我所有的尝试都没有成功。

我希望它看起来像这样:

我使用基线作为样板,并没有修改任何 Skel 选项。

0 投票
2 回答
883 浏览

html - skel 网格中的偏移列

我使用 HTML5up 模板中的 dopetrope 布局。它使用像 Bootstrap 这样的网格系统。

例如这个引导代码:

相当于:

在 HTML5up 中。“u”是网格的单位。

我试图在徐之后添加一列。使用引导程序,我们使用偏移属性:

编辑:我刚刚发现它基于 skel.io。我期待着这个方向。

0 投票
1 回答
71 浏览

sharepoint - 在 head 中调用的 Skel js 并不总是在 sharepoint 2013 母版页中加载

我正在从头开始构建一个响应式网站,用作 SharePoint 2013 母版页,使用 skel.js 来控制网格和断点。发布后,js 文件(skel.min.js、skel-panels.min.js、jquery.min.js、html5shiv.js 和我编写的用于配置 skel 和 skel-panels 的简单 config.js)不会每次用户访问该站点时可靠地运行,使 CSS 在浏览器当时匹配的任何断点处冻结。刷新通常可以解决问题,但这不是可接受的解决方案。到目前为止,这发生在 IE、Chrome 和 FF(所有不触发 html5shiv 的版本)中。

请帮忙,自从过去几天以来,我一直在努力做正确的事情。

0 投票
0 回答
59 浏览

javascript - 在 Meteor js 项目中使用 ske.min.js

我一直在尝试skel.min.js在我的应用程序中使用该库,但不断获得ReferenceError: skel is not defined. 这是我的设置:

这是标记错误的地方:

其他库已加载,但我认为它是唯一未加载的库。有解决方法吗?

0 投票
1 回答
599 浏览

javascript - Meteor Project 中的 Skel 导入

我是 Meteor 的新手,我正在尝试将一个 javascript 文件:skel.min.js、skel-layout.min.js 和 skel-viewport.min.js 导入到一个项目中。

这 3 个文件位于 client/js 路径(client/js/skel.min.jsclient/js/skel-layout.min.jsclient/js/skel-viewport.min.js上。

我在“client/baseLayout/baseLayout.js”中有基本布局,我交付如下:

但它总是向我显示以下错误:

我试图移动文件,但它也不起作用。

我究竟做错了什么?

我的包裹:

感谢

0 投票
1 回答
106 浏览

javascript - 如何使用带有静态文件前缀的 skel.js?

我使用带有 skel.js 的模板并将“css”和“js”文件夹移动到子文件夹“static”中,并调整了 html 文件和“init.js”中的所有路径。

当我加载页面时,skel 仍然尝试从“css/”而不是“static/css/”加载 css 文件,如果不是从 init.js 中的值,我无法找到它构造路径的位置。

CSS 和 JS 文件都可以在正确的路径中找到,我在 HTML 和 init.js 文件中使用完整的 url,因为“/static/”文件夹位于另一个域中。javascript 文件已正确加载,css 文件可以加载,即在 noscript 标记中没有任何问题。只有加载样式表的 javascript 会构建错误的路径。