在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的值，但这不起作用。我哪里错了？感谢。

Answer 1

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

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

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

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