问题标签 [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.

0 投票
3 回答
829 浏览

jquery - 如何使用自己的数据属性设置 css 属性?

假设我有这个小片段:

我想将其颜色设置为自己的数据属性,如下所示:

由于某种原因,这是行不通的。有人知道我在做什么错吗?

0 投票
11 回答
82831 浏览

javascript - jQuery:选择不为空的数据属性?

我正在尝试选择所有data-go-to属性不为空的元素。

我已经尝试过$('[data-go-to!=""]')了,但奇怪的是,如果我这样做,它似乎会选择页面上的每一个元素。

0 投票
1 回答
342 浏览

html - 每个 DOM 元素的 HTML5 数据元素 ID 是否太过分了?

为了跟踪几乎完全动态的 DOM 布局,我正在考虑使用 HTML5 数据属性来跟踪元素。

在每个 DOM 元素上放置一个会开始影响加载性能,还是会对其他搜索机制产生负面影响,例如getElementByIdor $(#Selector)

0 投票
1 回答
1407 浏览

html - 数据属性可以以数字开头吗?(例如 data-1234="")

我知道标识符的值不能以数字或连字符开头,但数据属性可以吗?如果是这样,有什么理由不使用data--=""(不是我会,只是好奇地说)

0 投票
2 回答
11803 浏览

css - 如何使用数据属性在 CSS 中设置背景图像?

我有一个文件夹,里面有一些背景图片 (one.jpg, two.jpg, three.jpg) 和这个标记

是否有可能仅使用 CSS来做这样的事情?

当然,这段代码不起作用。

0 投票
4 回答
9332 浏览

javascript - 如何使用 javascript 使自定义数据属性值数字化

嗨,我正在从存储在 div 中的 html 数据标签中读取两个数字。当我尝试将数字相加时,它们将作为字符串附加。无论如何在数据属性中包含数字并将它们作为数字访问或使用javascript将它们转换回非字符串数字谢谢。

例子

0 投票
0 回答
938 浏览

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 冗余的最佳实践方式?

非常感谢您!

0 投票
1 回答
1011 浏览

jquery - 使用 jQuery 评估 div 上的数据属性并将值传递给函数

我有多个带有预览图像的幻灯片块(对于 jQuery Cycle,每个幻灯片实例都有不同的延迟(以毫秒为单位)),如下所示:

我想使用 jQuery 将这些不同的延迟值(通过数据属性设置)传递到将运行所有 Cycle 事件的函数中。

如何评估 div 上的数据属性 - data-delay="-2000" - 并将其传递给 Cycle 函数?

提前谢谢了!

0 投票
1 回答
3771 浏览

php - 使用 php 发布数据属性

我在发布数据属性的值时遇到了麻烦,例如 data-fruit="orange" 我基本上想用 jQuery ajax 来做,我想它看起来像这样

php $_POST 应该像这样:

干杯

0 投票
1 回答
387 浏览

javascript - “data-”属性作为超链接的一部分。HTML 到 JavaScript

我目前正在开发一个 Phonegap 应用程序,但我的页面转换遇到了一些麻烦。

为了使我的页面转换工作,我正在使用FASW.js库。我还使用本机导航栏(NavigationBar 插件)为我提供本机后退按钮。我都在努力响应用户输入等。

要从您使用的 HTML 启动页面转换:

我有完美的工作。

但是,为了使本机后退按钮起作用,它必须仅通过 JavaScript 调用 - 如下所示:

我知道要更改页面,您可以使用:

但我不知道如何也包括

属性,就像 HTML 超链接一样。

有人可以帮忙吗?这将不胜感激。