Question

我将如何实现以下目标：

当我点击run button时，它应隐藏自身并显示stop button。
单击run button后，它将执行已经编码的语句，就像仍然一样能够在previous仍然显示的同时点击next button和stop button
当我点击stop button时，它应隐藏自身并显示run button。
它应该退出或停止由run button

这是我一开始想到的，我该怎么做（Algo | Pseudocode |简单的演示代码）

  $('#run').click(function e(){
  //hide #run
  //show #stop

  //execute statements x
  //prev and next button must still be clickable here

  $('#stop').click(function e(){
  //hide #stop
  //show #run
  //go outside run to stop execute statements x
  });

  });

Answer 1

这将处理您描述的按钮行为。停止声明的业务将取决于他们正在做什么以及如何做。需要更多信息才能回答这个问题。

$('#run').on('click', function(){
  $('#run').hide();
  $('#stop, #previous, #next').show();
  executeStatements();
});

$('#stop').on('click', function(){
  $('#run').show();
  $('#stop, #previous, #next').hide();
  // 
  // stopExecutingStatements();
  //
});

应用运行和停止按钮

1 个答案: