Jquery 创建网页时的事件处理_Jquery

Jquery 创建网页时的事件处理

jquery

Jquery 创建网页时的事件处理,jquery,Jquery,我要创建一个有按钮的网页。如果单击该按钮，将提示用户输入一些文本。除非用户输入空字符串或字符x，或单击取消按钮，否则输入的文本将作为带有黄色背景的标记附加到文档正文中下面是我不工作的代码，你能帮我吗 <!DOCTYPE HTML> <html> <head> <meta charset="UTF-8"> <title>Simple Demo</title> <style> p {

我要创建一个有按钮的网页。如果单击该按钮，将提示用户输入一些文本。除非用户输入空字符串或字符x，或单击取消按钮，否则输入的文本将作为带有黄色背景的

标记附加到文档正文中

下面是我不工作的代码，你能帮我吗

<!DOCTYPE HTML>
<html>

<head>
  <meta charset="UTF-8">
  <title>Simple Demo</title>
  <style>
    p {
      background-color: yellow;
    }
  </style>
  <script src="http://code.jquery.com/jquery-latest.min.js"></script>
  <script>
    $(document).ready(function() {

      $("#myButton").click(function() {
          var message = prompt("Enter some text...");
          if ($(this).data("clicked") == true;) {
            document.write(message);
          } else {
            message === null || message === x || $("#myCancelButton").click(function) {
              $("body").append("<p>" + message "</p>");
            });
        }
      });
    });
  </script>
</head>

<body>
  <button id="myButton">Click Me!</button>
  <button id="myCancelButton">Cancel!</button>
</body>

</html>


简单演示
p{
背景颜色：黄色；
}
$（文档）.ready（函数（）{
$（“#我的按钮”）。单击（函数（）{
var message=prompt（“输入一些文本…”）；
if（$（this）.data（“单击”）==true；）{
文件。书写（信息）；
}否则{
消息===null | |消息===x | |$（“#myCancelButton”）。单击（函数）{
$（“正文”）。附加（“”+消息“”）；
});
}
});
});
点击我！
取消！

你在这里小题大做了

内置提示符已经有一个取消按钮-当用户单击它时，

提示符

调用返回

null

如果您在jquery处理程序中单击按钮，那么您知道用户已经单击了按钮

$（“#我的按钮”）。单击（函数（）{
var结果=提示（“输入一些文本”）；
如果（结果！=null&&result！=“x”）{
$（'body'）。追加（“”+result+””；
}
});
p{
背景颜色：黄色；
}

点击我首先定义“不工作”。。。乍一看，虽然您正在检查数据（'clicked'）
，但按钮中似乎没有任何单击的数据
属性，因此我不确定您是否确定在那里实际执行的操作。在其他一些看起来不太好的事情中right@lascort：你是对的，因为我所要做的有点让我困惑，我不确定我是否走对了路。你的JavaScript中有语法错误。检查控制台。