在jQuery中调用自定义属性

我正在使用一个jQuery内容滑块，该滑块给出当前可见幻灯片的一类.swipeview-active，并且每张幻灯片都有其自己的data-page-index数字。我有一些变量，在那里我得到窗口的高度等，但我怎么设置检索的变量使用的当前活动幻灯片的data-page-index的值，例如：在jQuery中调用自定义属性

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

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

来源

2013-01-09 Tim Wilkinson

我不知道任何标签为'active'的HTML元素... –

@FelixKling我认为这是一个类选择器的错字。 OP也在他的代码示例中调用了属性“date-page-index”。 –

@Rory：只是想提高知名度:) –

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

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

也可以通过attr()访问data属性，它存在于页面负载的元件上的 - 尽管它不是优选的方法。此方法将需要data前缀。

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

来源

2013-01-09 13:41:38

这不是'pageIndex'吗？ –

@Asad否，因为属性名称是'data-page-index'。所有被删除的都是'data-'前缀。 –

我很确定带有嵌入式连字符的数据属性会使用骆驼。文档的[本部分]（http://api.jquery.com/data/#data-html5）表明如此。 –

在jQuery中调用自定义属性

回答

相关问题