问题标签 [metro-ui-css]

问问题

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.

84 问题
Newest
Active
Bountied
318
Unanswered
0 投票
2 回答
104 浏览

jquery - 如何使 MetroCSS 标签始终显示？

有input-control一个label：

MetroCSS的默认行为是单击时input-control会显示标签：

即使未单击输入控件，我也希望始终显示此标签。我试过$(".input-control.text").click();了，但没用！那么该怎么做呢？

这是jsfiddle。

0 投票
1 回答
159 浏览

javascript - 对话框关闭时 Metro UI 视频不会停止

我正在使用 Metro UI 模板，但在使用视频时出现对话框问题。当我关闭对话框时，视频继续播放。

我的代码是：

然后对话框被调用：

有谁知道对话框关闭时如何停止视频？

0 投票
1 回答
149 浏览

asp.net-mvc-5 - 无法让 Metro 3.0.13 在 ASP.NET 5 MVC 视图中显示

我通过 Bower 下载了 Metro CSS，将其包含在 Bower.json 文件中：

这似乎将 Metro 的东西安装在 /wwwroot/lib/metro-ui-css/build/css 以及 /fonts 和 /less 文件夹下。我在 _Layout.cshtml 文件中包含了以下引用：

并在以下<head>部分::

但无论我尝试将哪个 Metro 类包含在 View .cshtml 文件中，类都不会出现。知道我做错了什么以及如何让它们显示吗？

非常感谢

0 投票
1 回答
1354 浏览

css - 使用纯 CSS 创建具有不同滚动的自动水平滚动磁贴

我想用没有 JS 的纯 css 创建新闻水平滚动图块滑块
水平滚动磁贴滑块

我尝试使用 FlexBox，


但是，如果您检查红色瓷砖，它的对齐方式不正确，我可以使用边距修复它（检查注释块）但如果宽瓷砖位于底行，并且有 2 个小瓷砖在下一个街区，

此外，如果只有一小块瓷砖，则会创建空白空间。

0 投票
2 回答
1406 浏览

angularjs - 在 AngularJS 中使用 Select2（使用 MetroUI CSS）的依赖下拉菜单不起作用

带有 MetroUI CSS 的 Select2 与 AngularJS 配合得很好。但是，当我尝试在相关下拉列表中使用相同的内容时，我面临的问题是子下拉列表的视图不会相应地更新以更改父下拉列表。

这是一个堆栈片段，展示了我看到的问题。

重现步骤：

  1. 在父选择中选择“项目 1”（父选择的占位符是“选择父项”）
  2. 在“选定的父项”部分中，显示了选定父项的正确值。
  3. 子选择与正确的子选项绑定。
  4. 从子选择中选择任何选项。
  5. 在“选定子项”部分中显示选定子项的正确值。
  6. 在父选择中，选择“项目 4”。
  7. 在“选定的父项”部分中，显示了选定父项的正确值。
  8. 子选择已绑定，但选项未更新，它仍显示父项 1 的选项。
  9. 选择子选择中的任何项目，在“选定的孩子”部分显示孩子的正确值，但孩子下拉列表显示错误的项目！

因此我的问题是，即使子选择获得了绑定到它的正确选项，它的选项列表视图也不会刷新。

[我尝试了 select2.val(") 但子下拉列表的选项视图仍然没有刷新。]

另一个问题是：如果我清除父选择中的选择，它不会清除子选择中的选择。

0 投票
1 回答
662 浏览

javascript - 如何使用javascript删除tile（metro ui css）的缩放效果

我创建了一个图块（metro ui css），该图块执行以下操作：

  • 单击时播放视频。
  • 不显示向右滑动效果（单击时）。

我无法删除磁贴的缩放效果。我尝试删除磁贴类，但它不起作用。请帮助我在单击磁贴后删除缩放效果。这是代码。

HTML

JavaScript

这是代码片段：

http://jsbin.com/tujakasuci/1/edit?html，输出

谢谢你！！

0 投票
1 回答
1066 浏览

html - 网页 MetroUI CSS 跨越一列的两行

我正在尝试使用MetroUI制作一个网格，其中它是 Windows Metro tile 格式的 3 列。第一列有两个垂直堆叠的宽瓷砖。第二列是一个大瓷砖旋转木马。然后第三列又是两个垂直堆叠的宽瓷砖。这段代码看起来不错，但是在调整浏览器大小时，它会与图块和轮播重叠。布置这个的正确方法是什么？也尝试使用 Bootstrap 网格，但随后获得了很大的利润。

像这样它看起来只是没有很好地调整大小：

布局

0 投票
1 回答
132 浏览

asp.net-mvc-3 - VS2012如何将外部javascript添加到packages.config

我对 packages.config 和 NuGet 的概念不熟悉，所以如果我的理解不正确，请随时纠正我。我在 VS2012 中创建了一个新的 Web 项目，我看到 packages.config 用于管理 javascript 文件。我使用 NuGet 包管理器添加Metro ui包并添加了 2.0 版

但是，最新版本是 3.0，这是我想使用的版本。我尝试删除 2.0，将其替换为 3.0，并使用相应的版本号更新 package.config 文件。但是每次我打开项目时，它都会尝试用 2.0 版本覆盖文件

我的问题是更新包的正确方法是什么，其中 NuGet 包管理器不包含最新版本？

0 投票
1 回答
127 浏览

javascript - 递归无法正常工作

从一些 XML 数据创建 TreeView（使用 MetroUI）的递归函数有一些问题。在第一个范围内，树的第一层按预期创建，但第二个未创建。我的 XML 数据具有以下结构：

我正在使用的 JavaScript 代码是这个：

通过使用 Firefox 调试代码，似乎第一个处理范围功能正常，但在第二个处理范围内（因此通过处理子级），调试器立即跳转（在递归调用函数后）进入第二个 for-循环，我的大部分变量都是“未定义的”。

我已经搜索了一些类似的问题，但我发现的一切都是关于反变量范围的。

0 投票
1 回答
88 浏览

javascript - 如何在javascript中打开菜单

我刚刚开始使用 Metro UI CSS，它的外观和感觉给我留下了深刻的印象。但是，我在控制我的 UI 时遇到了一些问题。

我试图在页面初始化时打开一个菜单，但我不知道该怎么做，而且文档在控制输入方面非常有限。以下是取自文档的标准示例。我要做的就是在启动时打开产品菜单....

我下面的示例没有正确渲染，但我认为对于这么简单的事情不需要这样做。

example https://jsfiddle.net/robeastham/p20ykv7q/

任何想法将不胜感激


12345678910