javascript - Filtrera element i ett DOM med gemensamt 'class'-namn och applicera CSS på det - JQuery
I en DOM kunde jag filtrera bort element som har klassnamn som börjar med ett visst ord, här är det answer_list_two cpts_ och resultatet ges nedan.
$('[class^="answer_list_two cpts_"]') => [<div cla Läs mer →javascript - Ändra programmatiskt huvudsaklig färg som används på flera ställen i CSS
Huvudfärgen för min Single Page Application är programmässigt definierad på klientsidan. Problemet är att den används på många ställen i min kod.
Eg. vid laddning, jag har (i SCSS):
body { background-color: #XXXXXX; } .btn-primary { backg Läs mer →javascript - Omringa ett cirkulärt element med CSS
Jag har en cirkel som är skapad med följande stil:
.circle { width: 150px; height: 150px; border-radius: 100%; -webkit-border-radius: 100%; }Jag skulle vilja ha en kontur runt denna cirkel, men jag skulle vilja att den endast är runt en del av cirkeln för att visa en procentandel.
Till exempel:
- 50% kommer att skapa en kontur som sträcker sig från klockan 12 till klockan 6
- 25% kommer att skapa en kontur som sträcker sig från klock Läs mer →
javascript - Varför tar användning av jquery css background.color bort :hover?
Här är ett exempel: https://jsfiddle.net/6kg43qfr/
Kod :
Jquery:
$('#foo').css('background-color', '#f8f7f7');Html:
<div id="foo"> test </div>CSS:
#foo: Läs mer →javascript - Hur man får href-text med CSS-väljare
Jag har följande HTML nedan från Wikipedias huvudsida på https://www.wikipedia.org/. Jag försöker få href-texten
<div class="central-featured-lang lang1" lang="en"> <a href="//en.wikipedia.org/" title="English — Wikipedia — The Free Encyclopedia" class="link-box"> <strong>English</strong><br> <em>The Free Encyclopedia</em><br> <small>5 077 000+ articles</small> Läs mer →javascript - Ordändring i fras, CSS vertikal animationsslinga
Jag antar att det inte finns något bättre att förklara än detta:
Jag har nästan uppnått det jag vill med ren CSS, men...
- Jag måste manuellt ställa in "platsen" för varje ord
- Om ett annat ord läggs till måste jag räkna allt igen
- Jag kan inte ställa in 1 sekund för varje ord, Läs mer →
javascript - Materialize.css automatisk komplettering fungerar inte med Polymer
Jag försöker använda Materialize.css-autocomplete med mitt Polymer-projekt.
Konsollog:
Uncaught TypeError: $(...).autocomplete is not a functionMin kod:
<div class="input-field"> <input type="text" id="assemp" class="autocomplete" value="{{emp Läs mer →html - Ändring av opacitet med css-övergång och vanlig JavaScript fungerar bara vid uttoning
Den här codepen visar mitt problem: http://codepen.io/PiotrBerebecki/pen/pNvpdG
När användaren klickar på den stora knappen minskas css opacity till 0. Eftersom jag har tillämpat följande regel: transition: opacity 0.5s ease-in-
Läs mer →javascript - css-inkapsling i Angular
Jag har nyligen utforskat CSS och DOM-inkapsling av Angular-komponenterna.
Jag skapade ett snabbt projekt med ng-cli och laddade en komponent. Låt oss säga att komponentens selector är 'app-component'. Detta kapslar in all DOM och CSS som tillhör denna komponent inom sig själv. Allt är bra hittills.
Det jag har lärt mig från mina tidigare läsn
Läs mer →javascript - Uppdatera Three.js Raycaster efter CSS-transformation
Jag försöker mig på WebGL med hjälp av Three.js. Jag är nybörjare och jag bestämde mig för att prova något liknande detta. Jag har lyckats åstadkomma det mesta av det. Problemet jag för närvarande möter är att uppdatera raycastern och objektet efter att ha flyttat canvasen åt vänster. När jag hovrar efter att canv
Läs mer →