问题标签 [html5-data]

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 投票
2 回答
15345 浏览

html - 如何将 HTML5 数据属性添加到 Rails 表单标签标签?

我有一个包含以下代码的 rails 表单:

我想为第一个标签添加一个 HTML 数据属性,所以我尝试了:

但我得到一个语法错误:

预订中的语法错误#new

我可以将其添加为

这会产生:

但我似乎无法添加data-something属性。我收到语法错误。

我怎样才能做到这一点?

0 投票
2 回答
2567 浏览

drupal-7 - Drupal - 如何将数据属性添加到
  • a的项目
      菜单
  • 这是一个非常棒的脚本,名为 fullPage.js,位于此处: https ://github.com/alvarotrigo/fullPage.js

    我设法加载了 js 文件和 css 文件,甚至使用 Void 菜单模块,设法调用锚链接,但我正在努力处理这个酷代码实现的数据属性部分!任何帮助是极大的赞赏!如何让数据属性在 Drupal 7.25 中工作?我的意思是,我需要将它们添加到菜单中,以便 html 看起来像这样:

    只想将它添加到 Drupal 的主菜单中。知道怎么做吗?我试图在我的主页上实现这一点,并使用安装了显示套件模块的自适应子主题,如果有帮助的话。

    已将以下内容添加到 template.php,但根本没有区别:

    我在这里做错了什么?

    编辑

    您可以在此处下载 sitemaniacs 主题:http://dream-portal.net/dpdowns/MyProblem.zip 您可以在此处 从 Drupal 下载 Adaptive Theme,然后将 sitemaniacs 复制到您的 sites/all/themes 文件夹中,而不仅仅是启用主题并转到您的主页。

    还有一个名为 fullPage 的文件夹,它是在没有 Drupal 的情况下完美运行的示例。

    需要注意的文件:

    让我知道您是否需要其他任何东西,k?

    谢谢你!!!我所做的是创建 4 个基本页面,并使用字段格式化程序类模块为正文字段提供一个定义为的类(在管理显示时)section,而不是提升到首页。比我在另一个节点类型中使用 HTML 并使用NodeBlock 模块将其作为块部分中的菜单项输出Menu Bar,带有 url <front>。如果您需要其他任何东西,请告诉我,但我无法使用这种简单的方法使其工作。我也尝试了很多方法,但不适合我。如果您发现一种有效的方法,或者其他地方可能有问题,请告诉我....我正在拔掉这个头发。

    尝试过直接的 HTML,现在得到了这个:

    第一个错误似乎出现在scrollPage这一行的函数中:

    看起来dest.top没有定义在.top. 知道为什么吗?

    0 投票
    3 回答
    44358 浏览

    javascript - 使用 jQuery 通过 .each() 获取数据属性值

    我有以下带有数据属性的 HTML - 我想编写一些 jQuery 循环遍历 HTML 并收集数据属性并将它们放入数组中 - 任何人都可以在我遇到错误时提供帮助。

    我正在尝试使用 data() 属性 - 你能看到我做错了什么吗?

    // 我的 HTML 代码

    // 我的 jQuery 代码

    0 投票
    1 回答
    90 浏览

    jquery-data - HTML 5 数据属性和 jQuery 数据是一回事吗?

    在 HTML 5 中,可以将任意 'data-' 属性设置为元素,例如

    jQuery 框架有方法来做类似的事情(.data()等)。我的问题是 jQuery 方法是否只是操作和读取这些 html5 数据属性,或者它们指的是不同的 jQuery 类型数据属性?

    0 投票
    5 回答
    5267 浏览

    html - 如何获取浏览器当前日期?

    我使用 HTML5,我想获取用户浏览器的当前日期,我该怎么做?

    我尝试使用此代码,但它不起作用

    0 投票
    2 回答
    1402 浏览

    jquery - 在文档准备好时使用数据属性值添加类

    大家好,我正在尝试为我的 html 使用数据属性,因为我将在此处加载页面时添加类我的 Jquery

    这是我的小提琴

    我需要为具有此数据属性的每个元素添加类反弹,我认为这是正确的,但它不起作用帮助我。

    0 投票
    2 回答
    1782 浏览

    javascript - 如何通过 .on 方法访问 JQuery HTML5 数据属性?

    这是我尝试获取名为的 HTML5 数据属性productId

    我有几个带有 class 的按钮myButton,每个按钮都有不同的 productId 作为它们的数据。

    但是在这种情况下,代码只是从 body 标记中查找数据,而不是从带有 class 的按钮中查找数据myButton

    如何指定要提取数据的 DOM 元素?

    理想情况下,这首先应该对我有用,但由于某种原因它不是:

    0 投票
    3 回答
    1197 浏览

    javascript - 尝试从目标事件获取数据时在 IE8 中出现问题

    我有这样的代码..

    “普通”浏览器喜欢FirefoxChrome毫无问题地获取值,并且一切正常;但是什么都没有发生,IE8所以我假设它无法获取数据。

    event参数通过以下代码传递给此函数:

    ..然后在单击以下示例元素之一时依次获取它:

    有没有办法让它与 IE8 一起工作?...此外,我不必IE9+测试 - 有谁知道它是否适用于 > IE8?

    jQuery如果有其他方法可以使用 jQuery 获取这些数据,我也标记了这个,它也可以与 IE8 一起使用。

    0 投票
    0 回答
    463 浏览

    jquery - 使用 jQuery 减去 HTML5 Data 属性值并在 Div 标签内显示结果

    我正在创建一个数学游戏。游戏将允许孩子们将减法符号“-”拖到两个数字中的任何一个上,答案就会出现(例如 9-4 = 5)。

    我有随机数出现在 HTML5 数据属性“数据价格”中。我现在遇到的唯一问题是,当我将减法符号拖到我给“drop”类的数字上时,问题的答案没有出现在我的变量“total_costs”中。

    0 投票
    1 回答
    473 浏览

    jquery - Jquery Validator - 验证数据属性中的值

    我正在编写一个带有掩码的信用卡字段,但将实际未触及的数字保存到元素的数据属性中。这样,信用卡号“6011000000000004”被存储起来使用,但屏幕上显示“601100******0004”。

    使用 Jquery Validator,有没有办法根据数据属性验证该字段?

    在我的表格中,我有

    然后当用户更改值时,它会创建一个掩码并将值保存到 $("#creditcard").data("cc_number") 中,例如:

    现在,有没有办法覆盖 jquery 验证器来验证 $("#creditcard".data("cc_number"); 的值?

    关于更好的方法来做到这一点的任何建议?