问题标签 [details-tag]
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 - 打开窗口宽度 => 768px 时的元素
我正在开发一个响应式网站，我在其中使用<details> <summary>元素在服务部分显示附加信息。
当窗口宽度 > 768px 时，如何更改详细信息“打开”属性？
可以只用css吗？
这是html代码：
我可以使用这样的javascript代码，但更喜欢css：
任何想法？谢谢
Spetec： http: //www.whatwg.org/specs/web-apps/current-work/multipage/interactive-elements.html#the-details-element
html - How can i make an element to cover/overlap another element?
I have an element (summary in this case) and right below there is a box. When I click the details to see the content of the summary, the rest of the content is blocked by the box below, I can't see the rest of the summary because the box is on top of it.
How can I make my summary element to show all the content by covering anything on its path?
html - HTML5 细节元素和旁白
我目前在我的 JSP 中使用 details/summary 元素。当我打开 VoiceOver 以测试可访问性时，VoiceOver 会在到达详细信息元素时停止。听起来它不知道如何处理它。
知道是否有解决方法吗？我已经尝试将 role="button" 和 aria-expanded="false" 添加到摘要元素中，如http://www.accessibleculture.org/articles/2012/03/screen-readers-and-details-summary/中所述但这并没有改变任何东西。
我正在使用带有 iOS 6.1.3 的 iPhone 进行测试。
javascript - 自动关闭所有其他打开特定标签后的标签标签
这是我的代码。
我想要做的是 - 如果任何单个<details>标签的详细信息已打开并且我打开/查看另一个<details>标签，那么较早的标签应该关闭/隐藏/最小化。
如何做到这一点？
我知道<details>IE 或 Edge 不支持该标签。
javascript - html5详细信息标签一一打开javascript函数工作奇怪
我将 HTML5 标记详细信息用于公司的常见问题解答部分。一个问题是，如果用户打开另一个问题，另一个问题不会自动关闭。因此我在网上搜索并找到了以下解决方案：
这段代码在某种意义上确实可以正常工作，但它有一些小问题。有时它会同时打开两个问题并且很有趣。有没有一种方法可以正常工作？这应该适用于台式机、平板电脑和移动设备。
不想要的效果：
我用所有代码创建了一个小提琴http://jsfiddle.net/877tm/ 。javascript 在那里工作，如果您想实时查看，请单击此处。
html - 从打开中删除蓝色边框Chrome中的元素？
我正在升级我的网站以使用新的 HTML5details元素以获得更好的可访问性。
一切正常，但不幸的是，当我单击打开元素时，Chrome 应用了一个难看的蓝色边框：
有什么办法可以阻止 Chrome 这样做吗？我看不到任何明确的 CSS 样式被应用，所以我不知道如何摆脱它。
JSFiddle代码在这里演示问题：http: //jsfiddle.net/6x2Kc/
html - 详细信息和摘要标签兼容性问题
如何让 HTML5 的detailsandsummary标签在所有浏览器上工作？我可以让详细信息和摘要标签与谷歌浏览器一起使用，但我无法让它与任何其他浏览器一起使用。
angularjs - AngularJS 详细信息指令在 firefox 上不起作用
我使用的是angularJS 1.3，发现该指令在firefox 29上不起作用。即使角度站点上的测试页面也没有显示箭头，
https://docs.angularjs.org/api/ng/directive/ngOpen
对此有任何线索吗？或者我已经定制或订购了在 FF 上工作？
谢谢
javascript - 将视图模型绑定到淘汰赛中存在的属性
我正在使用 Knockout.js 填充一组 HTML5<details>元素。这是结构：
ViewModel 中的数据如下所示：
我想添加记住详细信息视图的打开或关闭状态的功能。我之前使用jQueryand localStorage1实现了这种行为，但是对于这个项目，我想本地使用 Knockout 而不是使用 jQuery。
我在 ViewModel 中的播放列表中添加了一个属性，该属性是在页面加载时isOpen检索的。localStorage但是，我似乎不能attr在 Knockout 中使用绑定，因为HTML5 规范说只查找属性的存在或不存在，open而不是值。
当 ViewModel 的属性发生变化时，如何让 Knockout 添加和删除元素的open属性？<details>isOpen
1：像这样：
javascript - 从 DOM 而不是从 ViewModel 更新 Knockout `attr` 绑定
我正在使用 Knockout.js 填充一组 HTML5<details>元素。这是结构：
ViewModel 中的数据如下所示：
我添加了使用ViewModel的属性和绑定来记住详细视图的打开或关闭状态的功能（如最初在此处描述的那样）。isOpenattr
但是，当我单击<summary>展开详细信息时，ViewModel 不会更新 - 与value绑定不同，attr绑定不是双向的。
当属性值更改时，如何更新此绑定？
我知道DOMSubtreeModified当元素打开或关闭时浏览器会触发一个事件，但我不确定我会放什么 - 我尝试过的几件事（包括.notifySubscribers(),if (list.open()) ...等）会导致循环，其中正在更改的属性会使再次触发事件，再次更改属性，再次触发事件，等等。