问题标签 [custom-data-attribute]
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.
jquery - 如何使用自己的数据属性设置 css 属性?
假设我有这个小片段:
我想将其颜色设置为自己的数据属性,如下所示:
由于某种原因,这是行不通的。有人知道我在做什么错吗?
javascript - jQuery:选择不为空的数据属性?
我正在尝试选择所有data-go-to
属性不为空的元素。
我已经尝试过$('[data-go-to!=""]')
了,但奇怪的是,如果我这样做,它似乎会选择页面上的每一个元素。
html - 每个 DOM 元素的 HTML5 数据元素 ID 是否太过分了?
为了跟踪几乎完全动态的 DOM 布局,我正在考虑使用 HTML5 数据属性来跟踪元素。
在每个 DOM 元素上放置一个会开始影响加载性能,还是会对其他搜索机制产生负面影响,例如getElementById
or $(#Selector)
?
html - 数据属性可以以数字开头吗?(例如 data-1234="")
我知道标识符的值不能以数字或连字符开头,但数据属性可以吗?如果是这样,有什么理由不使用data--=""
(不是我会,只是好奇地说)
css - 如何使用数据属性在 CSS 中设置背景图像?
我有一个文件夹,里面有一些背景图片 (one.jpg, two.jpg, three.jpg) 和这个标记
是否有可能仅使用 CSS来做这样的事情?
当然,这段代码不起作用。
javascript - 如何使用 javascript 使自定义数据属性值数字化
嗨,我正在从存储在 div 中的 html 数据标签中读取两个数字。当我尝试将数字相加时,它们将作为字符串附加。无论如何在数据属性中包含数字并将它们作为数字访问或使用javascript将它们转换回非字符串数字谢谢。
例子
jquery - jQuery Cycle 插件 - 一页网站上的多个简单幻灯片/实例
我正在使用 David De Sandro 的 jQuery Isotope 插件开发一个单页网站。在 7 Isotope 元素中,我以基本方式运行 Cycle 幻灯片插件(无点击、分页、暂停、悬停等)。它有效 - 但我怀疑我没有很有效地实现这一点。
HTML(7 种同位素元素之一)
CSS(适用于所有 7 个幻灯片)
JS(7 个实例 - 这是重复且无效的)
那么,我怎样才能使 JS 部分比我现在做的那样顽固地重复 7 次更有效呢?不知何故,我应该只传递类名和 7 个不同的延迟值......
在这里,Michael Malsup 使用了一种带有表格的技术(我不明白)通过 HTML 本身传递必要的参数。这是最好的方法吗?我刚刚看到了 HTML5 数据属性的使用;也许这是删除我的 JS 冗余的最佳实践方式?
非常感谢您!
jquery - 使用 jQuery 评估 div 上的数据属性并将值传递给函数
我有多个带有预览图像的幻灯片块(对于 jQuery Cycle,每个幻灯片实例都有不同的延迟(以毫秒为单位)),如下所示:
我想使用 jQuery 将这些不同的延迟值(通过数据属性设置)传递到将运行所有 Cycle 事件的函数中。
如何评估 div 上的数据属性 - data-delay="-2000" - 并将其传递给 Cycle 函数?
提前谢谢了!
php - 使用 php 发布数据属性
我在发布数据属性的值时遇到了麻烦,例如 data-fruit="orange" 我基本上想用 jQuery ajax 来做,我想它看起来像这样
php $_POST 应该像这样:
干杯
javascript - “data-”属性作为超链接的一部分。HTML 到 JavaScript
我目前正在开发一个 Phonegap 应用程序,但我的页面转换遇到了一些麻烦。
为了使我的页面转换工作,我正在使用FASW.js库。我还使用本机导航栏(NavigationBar 插件)为我提供本机后退按钮。我都在努力响应用户输入等。
要从您使用的 HTML 启动页面转换:
我有完美的工作。
但是,为了使本机后退按钮起作用,它必须仅通过 JavaScript 调用 - 如下所示:
我知道要更改页面,您可以使用:
但我不知道如何也包括
属性,就像 HTML 超链接一样。
有人可以帮忙吗?这将不胜感激。