Javascript Jquery get element by class with hover -


i want create quiz example using jquery.however bit lost how css class hover on jquery. my css code following: 

.right{   background-color: white; } .wrong {   background-color: white; } .right:hover {    background-color: yellow; }.wrong:hover {    background-color: yellow; }

using jquery change background colors of classes wrong , right green , red , after 1.5 seconds return them normal following code:

//change colors      $('.right').click( function() {         var $el = $(".wrong"),         originalcolor = $el.css("background-color");         var $el2 = $(".wrong:hover"),         hover = $el2.css("background-color:hover");         $('.wrong').css("background-color" , "red");         $('.right').css("background-color" , "green");         test(originalcolor,hover);         })        async function test(originalcolor,hover){        await sleep(1500);         $('.wrong').css("background-color" , originalcolor);         $('.right').css("background-color" , originalcolor);         $('.wrong:hover').css("background-color" , hover);         $('.right:hover').css("background-color" , hover);      }     function sleep(ms){       return new promise(resolve => settimeout(resolve, ms));     } //change colors

everything works fine except hover part.after first jquery click function background-color of hover lost.it looks $el2 = $(".wrong:hover") syntactically wrong.can on how chage code not lose background-color: yellow; on hover after first jquery function?? fiddle example: fiddle example

add/remove class instead of css

 $('.right,.wrong').click( function() {          var $el = $(".wrong"),          originalcolor = $el.css("background-color");          var $el2 = $(".wrong:hover"),          hover = $el2.css("background-color:hover");          $('.wrong').addclass("red");          $('.right').addclass("green");          test(originalcolor,hover);          })           async function test(originalcolor,hover){         await sleep(1500);          $('.wrong').removeclass("red");          $('.right').removeclass("green");       }      function sleep(ms){        return new promise(resolve => settimeout(resolve, ms));      }
div{    width:50%;    height:40px;    float:left;  }  .right{    background-color: white;  }  .wrong {    background-color: white;  }  .right:hover {     background-color: yellow;  }.wrong:hover {     background-color: yellow;  }  .red,.red:hover{    background-color: red;  }  .green,.green:hover{    background-color: green;  }
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>  <div class="right">right</div>  <div class="wrong">wrong</div>


Comments

Post a Comment

Popular posts from this blog

PHP and MySQL WP -

i trying accomplish 2 things here code. writing php directly wp page using insert php plugin. 1) query mysql database , return results 1 column 4 columns. 2) make each result own hyperlink directs user new wp page runs new query on page. i able query show results , turn results dynamic hyperlink, cannot formatting down. right returns result 1 column. here have: [insert_php] $servername = "localhost"; $username = "login"; //edited privacy $password = "password"; //edited privacy $database = "database"; //edited privacy // create connection $conn = new mysqli($servername, $username, $password, $database); // check connection if ($conn->connect_error) { die("connection failed: " . $conn->connect_error); } echo "connected successfully"; //get results database $result = mysqli_query($conn,"select mine mines order mine"); $all_property = array(); //declare array saving property //showing proper...
Read more

android - InAppBilling registering BroadcastReceiver in AndroidManifest -

i'm implementing inapp billing in android app. works well, however, i'm trying decouple broadcast receiver activity manifest. suggestion in android's trivialdrive sample: // important: dynamically register broadcast messages updated purchases. // register receiver here instead of <receiver> in manifest // because call getpurchases() @ startup, therefore can ignore // broadcasts sent while app isn't running. // note: registering listener in activity bad idea, done here // because sample. regardless, receiver must registered after // iabhelper setup, before first call getpurchases(). currently there's class extends broadcastreceiver : public class iabbroadcastreceiver extends broadcastreceiver { /** * intent action receiver should filter for. */ public static final string action = "com.android.vending.billing.purchases_updated"; private final iabbroadcastlistener mlistener; public iabbroadcastreceiver(iabbroadcastlistener listener) { m...
Read more

go - golang pprof for c library code -

i have been trying profile golang application pprof, seems details of c code(linked static library) missed in output result. flame graph from frame graph can see c code time consuming reported within "runtime._externalcode", no details @ all. , sure static library compiled debug enable. so there way make pprof details(like stack trace) of 3rd party c code? or there other golang profiling tool this?
Read more