CSS不拾取对数据属性的更改

我有一个tr，它在悬停时显示一些链接。CSS不拾取对数据属性的更改

我想禁用单击链接时的悬停行为。为此，我正在更改tr上的数据属性behaviour的值。但是CSS并没有改变数据属性，并且该链接在mouseout上仍然消失。

链路：

tr data-behaviour="has-hover-content" 
    td 
    = link_to task, data: { behaviour: 'toggle-confirm-spinner hover-content', confirm: "Delete?" }, remote: true do 
     = icon_tag 'trash-o'

的CoffeeScript

# When the user clicks the link 
    # Disable the hover behaviour on the tr 
    $(document).on 'confirm', '[data-behaviour~="toggle-confirm-spinner"]', -> 
    $(@).closest('tr').data 'behaviour', 'false'

具有data-behaviour="has-hover-content"数据属性，盘旋时，应显示具有data-behaviour="hover-content"的任何元件的任何元件。

*[data-behaviour~="has-hover-content"] { 

    a[data-behaviour~="hover-content"] { 
    display: none; 
    } 

    &:hover a[data-behaviour~="hover-content"] { 
    display: inline-block; 
    } 
}

当用户点击链接时，data-behaviour数据属性被设置为假的TR。这意味着关闭tr不应再隐藏链接。但是，它仍然如此。我提醒了数据属性的新值，并且正确设置了它们。但CSS忽略了这种变化。

怎么回事？

来源

2014-02-11 Jumbalaya Wanton