Question

我正在尝试从列表中的链接中获取数据属性，当我点击它时。

$(document).on('click', "ul.pagination li a", function(e)
{
    e.preventDefault();
    var page = $(this).attr("page");
    var article_id = getUrlParameter('aid');
    alert(page);
    $('.comments').load('page', {'type':'reload', 'article_id':article_id, 'page':page}, function() {
        $('.comments').scrollMinimal();
        $('.comments').highlight();
    });
});

列表如下所示：

<div class="fnone">
    <ul class="pagination">
    <li><a data-page="2" href="testpage=2#comments">2</a></li>

我的问题是，“页面”总是undefined。不完全确定我在哪里出错了。

Answer 1

使用.attr("data-page")，因为这是属性名称

＆＃13;

$(document).on('click', "ul.pagination li a", function(e){
    e.preventDefault();
    var page = $(this).attr("data-page");
   alert(page)
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
A list would look like this:

<div class="fnone">
    <ul class="pagination">
    <li><a data-page="2" href="testpage=2#comments">2</a></li>
    </ul>
    </div>

＆＃13;

从ul列表中的链接获取数据属性

1 个答案: