jquery - jQuery - data() == 'something' 总是返回 false

Question

我正在尝试根据数据属性的值运行一个函数。但是false当我运行它时它总是返回：

alert(jQuery(this).data('loaded') == 'no');

但是我的数据属性设置为否，当我发出警报时

alert(jQuery(this).data('loaded'));

它返回正确的数据属性值。

更新

HTML

<a class="btn" href="#" data-loaded="no"></a>

所有代码

jQuery('a').click(function(e) {
    e.preventDefault();

    if (jQuery(this).data('loaded') == 'no'){
        ajax();
        jQuery(this).attr('data-loaded', 'yes');    
    }
});

Answer 1

实际上，您正在尝试执行 onclick 事件，但您的锚点没有任何内容。所以改变你的标记并尝试

<a class="btn" href="#" data-loaded="no">Click Here</a>

当然，您可以通过边框或填充等样式来实现这一点。所有你让你的锚点可点击。

a
{
    padding:15px;
    border:1px solid #CCC;
}

JS 小提琴示例