问题标签 [html5boilerplate]

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 回答
1372 浏览

jquery - jQuery UI 和 CodeIgniter/Boilerplate... 对话框模式无法正常运行

我正在尝试使用 jQuery UI 来调出对话框模式。我将它与 CodeIgniter 和 HTML5Boilerplate 结合使用。

在一个普通的空白 html 页面中,我可以让对话框代码正常工作(只需从 google.xml 导入 css 和 jquery 脚本。

在 CodeIgniter 视图中,它不起作用。整个输出在这里: http: //pastebin.com/5e2PfE14

我在我的 scripts.js 文件中使用的脚本是:

进口工作正常,那么可能是什么问题?

谢谢!

0 投票
1 回答
1340 浏览

web-applications - HTML5 Boilerplate Mobile 不隐藏“地址栏”移动 safari

我正在使用最新的超棒 HTML 样板 - HTML 5 样板

现在,如果您在 iphone 上的移动 Safari 中打开此链接 - HTML 5 BOILERPLATE - 一旦页面完全加载,地址栏就会向上滑动。

这是应该发生的事情。但是我下载了演示并开始构建我的移动应用程序,我注意到它对我不起作用,但我已经仔细确保所有应该使它工作的东西都在那里,但它仍然没有

因此,我基本上采用了演示 src 文件并制作了HTML 5 BOILERPLATE的完全相同的副本,并将其放在我的服务器HTML 5 BOLIERPLATE MYSERVER上进行测试。

除了我已经加载了最新的 jQuery 并且字体朝外之外,它几乎是一个相同的副本。

而且我的确切副本在加载后不会滑动地址栏 - 在 iPhone 上打开下面的这些链接以查看。

HTML 5 BOILERPLATE - 这隐藏了地址栏

HTML 5 BOLIERPLATE MYSERVER - 我的服务器上的精确副本,但不隐藏地址栏

0 投票
5 回答
2594 浏览

jquery - html5boiler plate + jquery mobile = 脚本加载两次

我正在开发一个基于html5 样板的实验性 jquery 移动应用程序作为 html 等的基础。

到目前为止,我所做的基本上是:

  1. 下载并解压 html5 样板,并在浏览器中查看。确保脚本/样式正确加载。好准备出发。
  2. 添加 jquery mobile(cdn 托管完整版 1.0 [今天发布?马上!])
  3. 添加$(document).ready(function () { console.log('ready'); });
  4. 重新加载。'ready' 输出两次.. 稍微延迟后的第二次..
  5. wtf bbq 和 chrome 检查器中的此类检查情况..注意所有 javascript 文件似乎都加载了两次。
  6. 从头开始,在浏览器中提取 h5bp 加载,特别注意脚本加载一次。添加文档就绪处理程序,观察“就绪”的一个输出。
  7. 添加 jquery mobile 观察脚本加载一次。
  8. 将所有脚本移动到标签中。脚本加载一次。

有人知道发生了什么吗?重现这个应该很容易,只需提取 h5bp 并将 jquery mobile 添加到底部的脚本部分,突然脚本都加载了两次。将所有这些脚本移动到modernizr 下方(或之前)的head 标记中,这将不再发生。

谢谢

0 投票
1 回答
445 浏览

css - IE8 - 从子目录链接时“某些” css 不呈现?

我正在使用Paul Irish 的 HTML5 Boiler Plate。

主页在 Chrome、Firefox 和 IE8 上呈现良好(除了阴影/圆角 - 现在不用担心)

IE8 中的边距、nav列表搞砸了。它正确链接到 CSS,因为元素的样式header来自同一个文件,但是定位和nav列表没有得到它们的样式?

这很奇怪,因为如果 CSS 有问题,它不会在根目录中也出现错误吗?

0 投票
1 回答
606 浏览

javascript - 是否有任何 js 库可以替换 IE 的谷歌浏览器框架

是否有任何 js 库可以替换 IE 的谷歌浏览器框架。我不希望我的用户安装谷歌浏览器框架......

有没有我可以在我的项目中添加的 js 库,它只是增强了 IE 的 javascript redering。就像我们有modernizr & html5boilerplate来增强HTML 和CSS。

Javascript类似的东西。

编辑 我对 IE javascript 渲染器有问题....很多错误,例如

未终止的字符串常量....

对象不支持此属性或方法...

还有更多所有其他浏览器都可以正常工作,它只是 IE :(

0 投票
5 回答
6217 浏览

javascript - HTML5 样板 + 媒体查询在 IE8 中不起作用?

由于 Boilerplate 内置了 respond.js,理论上它应该能够支持以下 css:

在 FF 和 Chrome 中,它按预期工作,并且在调整浏览器窗口大小后自定义样式启动。

但是,在 IE8 中,自定义样式始终处于启用状态——无论当前浏览器窗口有多大。

我在想问题出在我的代码中的某个地方,但是当我访问了Boilerplate 移动模板时,我注意到它在 Browser rezize 上的布局也发生了变化,并且它使用了来自默认 Boilerplate 的相同媒体查询。

但是,即使是移动样板也只能与 FF 和 Chrome 一起使用。使用 IE8 访问它,媒体查询不启动,我得到了最小设备的版本。

现在我的问题是:你们在 IE8 中是否有同样的体验?该站点如何在 IE8 中查找您,它是否会根据当前浏览器窗口大小更改其样式?

还是可能与我的特定 IE 版本有关?(我现在不能在另一个 IE 版本上测试它)。

也许,只是也许,some1 知道解决这个问题的方法吗?

PS 我目前正在使用 HTML5 Boilerplate 附带的默认“Modernizr”(内置 respond.js)脚本。

0 投票
2 回答
427 浏览

jquery - 加载时图像淡入的问题

由于最近情况有所好转,我再次开始研究我的投资组合。它仍然很新鲜,但我可以对图像的 jquery .load() 使用一些帮助。

http://progress.patrikarvidsson.com/

我正在使用带有 html5boilerplate 的 jQuery;除此之外,我还有 Masonry 和 Lightbox。我不怀疑灰度代码是罪魁祸首,所以我不会在这里包含它。下面是我的 scripts.js 文件的顶部(在灰度代码之后)。

Html 看起来像这样(结构仍然遵循 html5boilerplate。JS 文件在之后,但modernizr 在之前)

fadeIn() 有效,但不是我想要的。首先加载图像,然后在加载文档时自动隐藏它们,然后淡入生效。如果您访问上面的链接,您可能会看到它。基本上,对我来说它看起来像这样。

每次我点击刷新时都会发生这种情况。请注意,这是在 Chrome 中,淡入在 Firefox 中根本不起作用,但我还没有在我的另一台计算机上测试过。最后,我无法弄清楚问题是什么。

更新

我决定改用css3-animation。它工作得很好,但我还没有看到它在旧浏览器中的外观。

虽然,我仍然很好奇为什么会出现这个问题。所以仍然鼓励回答!

0 投票
4 回答
6421 浏览

javascript - 为什么我的 jqPlot 不渲染画布?

我正在尝试将 jqPlot 用于条形图,但我无法让它显示任何内容。

我已经包含了 jqPlot 代码和所有插件。我没有收到任何错误

我直接复制了示例代码:

html:

Javascript:

它将类 'jqplot-target' 添加到 'jqplot' div,因此 javascript 必须正常工作,但它没有向 div 添加画布/图表,它只显示一个带有添加类的空 div。

任何想法为什么这不是渲染?

我也在使用 html5boilerplate,但我找不到他们两个的任何已知问题。

谢谢,

托马斯

0 投票
2 回答
5746 浏览

css - 我们可以将 Foundation 与 HTML5Boilerplate 一起使用吗?

我的客户希望我使用Foundation。我习惯使用带有960 Grid System的HTML5Boilerplate。我只是想知道我可以将 Foundation 与 H5BP 一起使用吗?我会很感激你的指导。

0 投票
1 回答
4032 浏览

iphone - 什么是“iPhone 视口缩放错误”?

HTML5 移动样板建议添加这段 Javascript 来修复“iPhone 视口缩放错误”:

  • 什么是“iPhone 视口缩放错误”?(链接的博客文章对我来说没有意义)
  • 这段代码如何修复错误?(即,它到底是做什么的?)