使用Ajax/Javascript按鈕按下按鈕時彈出通知？

我目前正在製作一個包含通知的網站，但我不太確定如何在按鈕上顯示它們。諸如「顯示天氣」之類的內容將在底部角落的某處顯示通知。使用Ajax/Javascript按鈕按下按鈕時彈出通知？

http://i.stack.imgur.com/v8pEd.png

是何等的難將能夠做什麼？它實際上可能嗎？

來源

2014-07-23 SDC

首先嚐試找到一個解決方案，你自己。然後放下你嘗試過的一些代碼。之後，我們都會幫助你解決它。：D – yeshansachithak

thw問題不清楚，你希望你的通知如何顯示？ – Sweetz

可以顯示。

使用click()作爲按鈕按下事件。

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

來源

2014-07-23 05:52:52

您可以使用Click事件顯示彈出，如果你需要在一些動畫的方式通知，你可以使用jQuery動畫

http://jsbin.com/dadiz/1/edit

來源

2014-07-23 06:09:10

這裏是展現天氣爲例點擊一個按鈕。使用這種堵塞--- http://simpleweatherjs.com/

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(); 
});

DEMO

http://jsfiddle.net/LW3S9/4/

這裏是使用Jquery UI彈出的Demo。

http://jsfiddle.net/LW3S9/5/

所以，你需要點擊功能，如果有什麼具體的像天氣的worh使用堵漏。

來源

2014-07-23 06:11:17 Tasos

你可以在.click()函數的幫助下顯示它，這是jQuery中的一個內置函數。

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

查找更多信息有關.click()here。

來源

2014-07-23 06:38:38

使用Ajax/Javascript按鈕按下按鈕時彈出通知？

回答

相關問題