使用Ajax/Javascript按下按钮时弹出通知？

我目前正在制作一个包含通知的网站，但我不太确定如何在按下按钮时显示它们。类似于“Show Weather”的东西会在下角的某个地方显示通知

---

这会有多困难？实际上可能吗？

可以显示

使用按钮按下事件的

click（）

$("button_reference").click(function(){
   // do your notification-related stuff here
});

---

您可以使用click事件来显示弹出窗口，如果您需要以某种动画方式显示通知，您可以使用jQuery动画

---

以下是一个通过单击按钮显示天气的示例。使用此插件--

HTML

<div id="weather"></div>
<input type="submit" id="Show" value="Current Weather" />

JQUERY

// Docs at http://simpleweatherjs.com
$(document).ready(function() {

    $("#weather").hide();

  $.simpleWeather({
    location: 'Nicosia, CY',
    woeid: '',
    unit: 'f',
    success: function(weather) {
      html = '<h2><i class="icon-'+weather.code+'"></i> '+weather.temp+'&deg;'+weather.units.temp+'</h2>';
      html += '<ul><li>'+weather.city+', '+weather.region+'</li>';
      html += '<li class="currently">'+weather.currently+'</li>';
      html += '<li>'+weather.wind.direction+' '+weather.wind.speed+' '+weather.units.speed+'</li></ul>';

      $("#weather").html(html);
    },
    error: function(error) {
      $("#weather").html('<p>'+error+'</p>');
    }
  });
});

$("#Show").click(function(){
  $("#weather").show();
});

//文档位于http://simpleweatherjs.com
$（文档）.ready（函数（）{
$（“#天气”）.hide（）；
$.SimpleWither({
地点：“西西里岛尼科西亚”，
可悲的是：“，
单位：f，
成功：功能（天气）{
html=''+weather.temp+'°；''+weather.units.temp+''；
html+='
'+weather.city+，'+weather.region+'
'；
html+='
'+天气。current+'
'；
html+='
'+天气.风.方向+''+天气.风.速度+''+天气.单位.速度+'
'；
$（“#weather”）.html（html）；
},
错误：函数（错误）{
$（“#weather”）.html（“”+错误+”
”）；
}
});
});
$（“#显示”）。单击（函数（）{
$（“#天气”）.show（）；
});

演示

下面是使用Jquery UI弹出的演示。

---

因此，您将需要单击函数，如果某些特定的内容（如天气状况）需要使用插拔。

您可以在

的帮助下显示它。单击（）

函数是jquery中的内置函数

$("the_id").click(function(){
 //your stuff here
});

---

查找有关

的更多信息。单击（）

首先尝试自己找到解决方案。然后删除一些您尝试过的代码。之后，我们都会帮你解决这个问题Dthw问题不清楚，您希望通知如何显示？