添加的数据属性不起作用

Question

我正在向<a>添加数据属性和类：如果我对这个属性/类进行硬编码，它会起作用，但如果我动态添加它们就不起作用。

单击<a>

时应触发事件

我有这个HTML：

<a id="get_started" href="#price_table">
    <button class="btn action_button btn-sm active">Get Started</button>
</a>                           

这个jQuery：

$(document).on('touchstart click', '.target > li > a', function(e){
    category = 'books';
    if(category=='books') {
        $('#get_started').addClass('btn_response').addClass('md-trigger').attr('data-subject', category).attr('data-modal', 'modal_response').attr('href','#');
    }    
});

动态数据属性不会产生与硬编码相同的效果吗？

Answer 1

这里的问题不在于库没有添加数据属性。它与另一个脚本在将此代码添加到页面之前运行的事实有关，因此它找不到元素。

您需要触发扫描文档的代码并完成您所追求的目标。由于我们不知道图书馆是什么，这是我能给予的所有帮助。