问题标签 [mdc-components]
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.
javascript - 如何将 MDC web javascript(如 MDCRipple)应用于已使用 AJAX 加载的内容
我目前正在制作一个使用 AJAX 更改页面内内容的 Web 应用程序,但我遇到了一个问题,即让 javascript 应用于已加载的元素而不是在页面上启动。
例如,如果我的起始 HTML 中有一个调用 AJAX 函数的按钮,
从一个单独的页面得到这个 MDC 按钮,
然后,如果我的 app.js 文件中有这个,
然后,当我单击原始按钮以使新按钮进入页面时,涟漪不会应用,因为新按钮并未从页面开始。
将新按钮添加到页面后,如何在新按钮上初始化涟漪?
这导致了我的第二个问题,那就是,如果可以通过 AJAX 初始化 New Button 上的波纹,那么我将如何让它适应通过 AJAX 添加的任何新 MDC 内容无论它只是 MDC 按钮,还是根本没有任何按钮但有其他需要 Javascript 才能运行的 MDC 内容。像抽屉或文本字段。
mdc-components - 如何在 lit 元素中使用 MDC 组件?
我正在尝试在 lit 元素中使用 mdc 组件(例如 mdc-textfield)。看起来我必须将 css 和 js 文件都导入到元素中。
我很不确定如何将 css 导入到 lit-element 中。
顺便说一句,我polymer serve
在没有任何预处理器或编译器的情况下使用。
ios - 如何编写 XCUITestCase 来驱动 MDCMultilineTextField
在 UI 测试 (XCUITestCase) 中,当我尝试让测试点击 anMDCMultilineTextField
时,测试失败并显示
元素和任何后代都没有键盘焦点。
如果我尝试使用 UI 测试记录器并点击MDCMultilineTextField
它无法找到带有错误的多行文本字段:
时间戳事件匹配错误:未能找到匹配元素
我的测试用例
,其中EventEditor-TextField-Desc
是分配给 的可访问性标识符MDCMultilineTextField
。
运行测试时,它无法告知Neither element nor any descendant has keyboard focus.
并将该行标记descField.typeText("Desc 4")
为有错误。详细错误描述:
平台
- 设备:iPhone 8Plus 模拟器
- 操作系统:iOS 12.1
drop-down-menu - 材质组件菜单的 `setAbsolutePosition()` 无法正常工作?
我正在尝试使用MDCMenu 的文档menu.setAbsolutePosition(0, 100);
中找到的方法,将“mdc-menu”相对(波纹管)定位到我的顶栏上的溢出按钮,但它似乎没有做太多(实际上使元素卡在屏幕外),无论我设置什么值。
我创建了一个片段来说明这个问题:
javascript - 如何检测 MDC Snackbar 是否在 JS 中关闭?
我正在使用 Material Design 的 Snackbar 和 VueJS,我希望能够检测到小吃店何时关闭。
Snackbar 有一个名为 isOpen 的内置属性,因此我可以将 return this.snackbar.isOpen;
其用作布尔值。但是,没有类似的isClosed
属性,当小吃店关闭时,它isOpen
仍然是正确的。
似乎isOpen
对关闭没有反应,只是对打开。但是我想在小吃店打开后关闭时触发一些东西。将不胜感激任何建议
我像这样初始化我的小吃店:
angular - Angular-mdc 返回“没有名为 mdc-top-app-bar-fill-color 的 mixin”
所以,我正在使用 angularCLI 和 angular-MDC,我想使用我的styles.scss
. 网站上有https://trimox.github.io/angular-mdc-web/#/angular-mdc-web/top-app-bar-demo/sassmdc-top-app-bar-fill-color($color)
我使用并返回了这个语法No mixin named mdc-top-app-bar-fill-color
,下面是我的代码: