附加属性[数据名称],然后单击使用此数据属性[重复]

必须使用事件委托,因为在第二个单击事件的选择器中使用的属性 [data-name='btn02'] 由JS代码动态创建:

$(".btn01").on("click", function() {
  $(".next").attr("data-name", "btn02");
});

$("body").on("click", "[data-name='btn02']", function() {
  console.log("I clicked this button");
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button type="button" class="btn01">CLICK ME then click the span bellow</button>
<br><br>
<span class="next">Next span</span>

尝试以下操作,使用事件委派将事件附加到“[数据名称='btn02']”,因为在单击$(“.btn01”)之前,$([数据名称='btn02'])元素将不存在。

$(".btn01").on("click", function() {
  $(".next").attr("data-name", "btn02");
});

$(document).on("click", "[data-name='btn02']", function() {
  console.log("I clicked this button");
});

如果你只是想让第一个按钮需要在第二个按钮之前被点击,你可以使用 boolean 变量:

var firstButtonClicked = false;
$(".btn01").on("click", function() {
    firstButtonClicked = true;    
});
// the second button
$(".next").on("click", function() {
    if (firstButtonClicked == true) {
        console.log("I clicked this button after the first one");
    }
});