HTML Code

<!DOCTYPE html>

<html lang="en">

<head>

  <meta charset="utf-8">

  <title>reset event bus</title>

</head>

<body>

  <h1>Reset event bus</h1>

  <pre id="out"></pre>

  <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>

  <script>

    (function () {

      var lines = [];

      var StepBus = (function () {

        var onEnter = $.Callbacks();

        return {

          onEnter: onEnter,

          enterStep: function (name) { onEnter.fire(name); },

          reset: function () {

            onEnter.empty();

            lines.push("Bus reset for next step");

          }

        };

      })();



      StepBus.onEnter.add(function (s) { lines.push("Enter: " + s); });

      StepBus.enterStep("billing");

      StepBus.reset();

      StepBus.enterStep("review");



      document.getElementById("out").textContent = lines.join("\n");

    })();

  </script>

</body>

</html>

Lines: 0 | Characters: 0

Live Preview Auto-refresh on Run

jQuery callbacks.empty() — reset bus (Try It)