Question

任何人都可以帮助从数据属性中获取值的最佳方法吗？

＆＃13;

$('[data-scrollTo]').on('click', function(event) {
    $(document).scrollTo('#'+#DATA?, {duration:'slow'});
    return false;
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<a data-scrollTo="#scrolltome" href="#">test</a>

<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>

<div id="scrolltome"></div>

＆＃13;

我如何获得价值（最短路）？

Answer 1

使用.data()

this.data('scrollTo');

Answer 2

按照建议使用this和data()。问题是 scrollto 需要用小写字母指定。

$(this).data('scrollto');

关于你的代码片段... scrollTo()不是jQuery的一部分，但可能是其插件之一。要仅使用jQuery本地执行此操作，请使用scrollTop()：

＆＃13;

$('[data-scrollTo]').on('click', function(event) {
   $('html, body').animate({
     scrollTop: $($(this).data('scrollto')).offset().top
   }, 2000);
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<a data-scrollTo="#scrolltome" href="#">scroll to target</a>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<div id="scrolltome">target</div>

＆＃13;

jquery data属性作为选择器：如何从onclick函数内的属性中获取值？

2 个答案: