Question

我有一个超链接，必须改变排序方向。

<a href="#" id="sort-newest" th:attr="data-value=${sortdir}">Newest</a>

点击链接时，我想更改数据值而不用刷新页面。

$('#sort-newest').click(function(event){
    var url = [[${url_current}]];
    var sortby = 'isNew';
    var sortdir = $(this).attr('data-value');

    if (sortdir == 'ASC') {
        sortdir = 'DESC';
    } else if(sortdir == 'DESC') {
        sortdir == 'ASC';
    }

    var data = {
        sortby: sortby,
        sortdir: sortdir
    };

    $('#productList').load(url, data);
});

这不起作用，我无法理解为什么。你能帮帮我吗？

Answer 1

猜猜你正在使用jQuery

 var sortdir = $(this).attr('data-value');

要使上述代码正常工作，您必须

data-value="${sortdir}"不是th:attr="data-value=${sortdir}"

Answer 2

<input type="text" data-value="10">

如果您想使用jquery

更改数据值

$("element").data("value") = "25";

Answer 3

您的属性无效。

将th:attr="data-value=${sortdir}"更改为data-value="${sortdir}"。

<a href="#" id="sort-newest" data-value="${sortdir}">Newest</a>

使用.attr() jQuery函数设置/更新属性：

$('#sort-newest').attr('data-value', 'new value');

单击按钮更改数据值时

3 个答案: