javascript - 在 jQuery 中调用自定义属性

Question

我正在使用一个 jQuery 内容滑块，它为当前可见幻灯片提供了一个类.swipeview-active，并且每张幻灯片都有自己的data-page-index编号。我有一些变量可以获取窗口高度等，但是如何设置检索data-page-index当前活动幻灯片的值以在变量中使用，例如：

var h = $(window).height(),
    w = $(window).width(),
    active = $('.swipeview-active'),
    dpi = $('active').data("date-page-index"),

所以每次我调用dpi它时都应该输入活动幻灯片的值data-page-index，但这不起作用。我哪里错了？谢谢。

score 2 · Accepted Answer

通过您访问data-*属性data()时不需要data-前缀。试试这个：

dpi = $('active').data("page-index")

您还可以访问data页面加载时元素上存在的属性attr()- 尽管它不是首选方法。此方法将需要data前缀。

dpi = $('active').attr("data-page-index")

1 回答 1