ukázať stav tlačidla v jquery pri pohybe myšou - javascript, jquery, html, css, hover

Pracujem na aplikácii pomocou html ajQuery. Má 4 tlačidlá, ktoré sa používajú na vykonávanie rôznych úloh, keď na ne kliknem. čo chcem teraz, je ukázať užívateľovi stav tlačidla, keď myšou nad ním. Napríklad pre tlačidlo ON / OFF, keď myšou nad tlačidlom ukáže používateľovi, že toto tlačidlo je v súčasnosti vypnuté alebo zapnuté.

Jedným zo spôsobov, ako to urobiť, je použiť upozornenie (), ale sže zakaždým, keď pôjdem na tlačidlo, zobrazí sa upozornenie, ktoré nechcem, aby som mal jednoduchý text atď., aby sa zobrazil na vrchu tlačidla, keď sa na ňom pohybuje myšou.

môže mi niekto pomôcť, ako to môžem urobiť?

odpovede:

Zmeňte text tlačidla na umiestnení tlačidla pomocou tlačidla jQuery .hover():

$("button").hover(function(){
$(this).text("ON");
},function(){
$(this).text("OFF");
});

Demo Fiddle

Predpokladáme, že už viete, ako získať stav tlačidla, ale predpokladajme, že priradíte daný stav premennej s názvom ... no, state, :)

Potom je odtiaľto dosť jednoduché:

$("button").hover(function() { // You may choose a different selector for your buttons
var curButton = this,
$curButton = $(this);

curButton.oldHTML = $curButton.html(); // Cache old button label
$curButton.html(state); // Change button label to reflect state

}, function() {
var curButton = this,
$curButton = $(this);

$curButton.html(curButton.oldHTML); // Restore old HTML
});