var stat=data[item].status;
var imgCls = "c"+stat;
$("-sharpimageState").attr("class", imgCls);
//var imgCls=$("-sharpimageState").attr("class")
if(imgCls==="c0"){
$(".worked").show();
}else if(imgCls==="c1"){
$(".hired").show();
}else if(imgCls==="c2"){
$(".commu").show();
}else{
$(".out").show();
}Why doesn"t this work?
Js wrote something superfluous! If you take a closer look at the styles you define and combine with your html structure, when the class of the container imageState is set to c0 or C1 or c2 or c3, the corresponding image will naturally be displayed (determined by css), and the rest will be hidden by default.
does not need superfluous if at all. $('.xxx'). Show (); the only thing you may need js to do is to specify what the class of a good imageState is.
hide the pictures first, and then add a class, to the corresponding pictures according to state to control the display
Previous: Vue slot nesting
Next: Is there always an import file in the dist file generated by mpvue running npm run dev?
I got a set of data, which is to choose the type of question. How can I tell if I have chosen the right one answera: "Olympic Games " answerb: "Asian Games " answerc: "Paralympic Games " answerd: "University Games " id: "1772 " question: "f...
what is the current level of support for vw,vh layouts in mobile browsers? ...
apply the transform attribute to a div, and then click it to add a class name, which is also a transform, in the class, but then it moves relative to the original location. How to make her want to move for the current location? ...
modify the markdown file under the ant-design-pro-site site and use the relative path to introduce the picture in the markdowm file. attachment: the picture was originally introduced using the http path. <img src=". images 1.jpg" > ...
Icon shows the red part. Choose how to write the effect in css ....
I have two elements, a parent element and a child element. the parent element rotates N degrees. then I want to move the positioning of the child element, which moves relative to the parent element. how do I calculate the offset value. Let it move re...
there are many div elements with the same class= "demo " class name in the page, but not all of them are in the same parent element. How to use css to select the first div? whose class is demo ...
how to make the content of table not be centered vertically? you can set valign= "top " in html, then how to set it in element The table is centered vertically when it is stretched out, and the working hours are aligned with the one at 8 o clock . ...
error WARNING in configuration The mode option has not been set. Set mode option to development or production to enable defaults for this environment. WARNING in asset size limit: The following asset(s) exceed the recommended size limi...
visual studio what plug-in allows CSS style codes to be displayed from least to more? sort out from least to most as shown in the following figure ...
now you need to make a front-end page for ipad pro2. Ui gave the design drawing 2732 to 2048. Should my page be set to the same size ?...
the desired effect is as shown in the figure above <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title< title> <!--<link href="style.css" r...
JS: $(window).resize(function() { var Ha = $(".webuploader-wrap").width($(".webuploader-wrap").parent().width()); var Hb = Ha - Ha*0.2; $(".webuploader-wrap").height(Hb).width(Ha); $(".webuploader-wrap&q...
A static page is written on the computer, and the text and pictures are displayed vaguely under chrome. I can t bear to look directly at it, but it s okay to display it under Firefox. It is no problem for chrome to open other pages, just write this pag...
A rookie at the front end, get the UI picture and do the website. The following CSS Rem 12pxterCSS Rem 14pxtransCSS Rem 14px; , how on earth should I choose? my current understanding: `CSS Rem 12px;` width= 40rem; `CSS Rem 16px;` width= 30rem; ...
when the left scrolls to the bottom, sliding down causes the right to slide as well ...
I haven t done it. I want to know what the train of thought is . Does first store each section structure as a string, then scroll to the specified location, and execute the following code? is similar to paging loading, but the content and layout of ...
for example: < tr vmurfort = "item in Data " > <td class="red">{{item.td}}< td> < tr > Data = [td:12,td:14] what if I want to add a separate red style for td > 13? ...
this animation seems to be an animation with a height of 0 to 100%. How can it be realized? ...
<tr v-for="item in tableData"> <td :class="same">{{item.td}}< td> < tr> computed:{ same(){ let arr = ???.push( c ); return{ red: arr == [ a , c ] } } } here? It should be the dat...