Question

我有一个表，当我点击行时，我想添加类.selectListItemReaded并在页面刷新时保持。

我使用它的插件https://github.com/carhartl/jquery-cookie

我试过这段代码：

TABLE：

<table cellpadding="1" cellspacing="1" width="100%" id="tabelRezultat">
<tbody>
<tr class="selectListHeader">
<td class="selectListTitle inceput">Data cursei libere</td>
<td class="selectListTitle">Plecare din</td>
<td class="selectListTitle">Cursa spre</td>
<td class="selectListTitle">Locuri disponibile</td>
<td class="selectListTitle"></td>
</tr>   
<tr class="selectListItem" height="30">
<td class="rezultat inceput">test1</td>
<td class="rezultat">test2</td>
<td class="rezultat">test2</td>
<td class="rezultat">test3</td>
<td class="rezultat"><a class="clickBut" target="_blank" href="#">detalii</a></td>
</tr>
<tr class="selectListItem" height="30">
<td class="rezultat inceput"> another test1</td>
<td class="rezultat">another test2</td>
<td class="rezultat">another test2</td>
<td class="rezultat">another test3</td>
<td class="rezultat"><a class="clickBut" target="_blank" href="#">details</a></td>
</tr>
</tbody>
</table>

脚本为

设置自动ID

jQuery(function ($) {

 var selectListItemDivs=$("tr.selectListItem");
 for(var i=0;i<selectListItemDivs.length;i++)
 { 
    $(selectListItemDivs[i]).attr("id","child-"+i);
 }

  var clickButDivs=$("a.clickBut");
 for(var i=0;i<clickButDivs.length;i++)
 { 
    $(clickButDivs[i]).attr("id","cursa-"+i);
 }

});

AND SCRIPT FOR ADD CLASS AND COOKIES（但它不起作用）

jQuery(function ($) {


    var cookieName = 'up_';

    $('tr.selectListItem').click(function() {
        var id = $(this).attr('id'), cookie = cookieName + id;
        //console.log($.cookie(cookie));
       if ($.cookie(cookie) !== 'true') {
        $(this).addClass('selectListItemReaded');
    }
    }).bind('click', function(e) {
        e.preventDefault();
        $.cookie(cookieName + $(this).attr('id'), true);
    });
});

有人可以帮我这个吗？非常感谢你的帮助。

坚持使用cookie的addclass

0 个答案: