Orodha ya maudhui:
Video: Criando Estrelas Para Votação Com JQuery Sem Uso De Plugins: 3 Hatua
2024 Mwandishi: John Day | [email protected]. Mwisho uliobadilishwa: 2024-01-30 12:53
Plugins za alguns, viwango vya chamados, fantasysticos, porem eles são enormes, alguns não são estilizáveis, outros não são elementos de formulário, que possam ser enviados kupitia post, e muitos outros detalhes. Precisamos pensar que plugins za sri ferramentas for facilitator, eo uso destes são realmente needários, porem também precisamos ter em mente que alguns plugins zinahitajika kufanya kazi kwa sababu ya programu mpya, kwa hivyo programu ya programu jalizi inaweza kutekelezwa, matokeo, e consequentemente (novamente), sejam grande.
Por conta disso, resolutionvi mostrar uma solução muito simples, que pode ser facilmente adaptada por qualquer um, and estilizada por quase todos.
Usando como base um campo, podemos kuondoa-lo na kuongeza kiwango cha ubinafsishaji, fazendo com que o chagua chagua kurudi nyuma kwa njia nyingine zote
Hatua ya 1: Criando O Javascript (JQuery)
Não à motivos convincentes de não utilizarmos o Jquery, jé que o mesmo se mostra bastante estável e muito produtivo.
Abaixo mostro comentado o que cada linha faz
// Chagua vyombo vyenye $ ('. Quest. Yaliyomo [data-element]'). Kila moja (kazi (faharisi, kipengee) 'element'), stars_element = $ ("), chagua = $ (selector), chaguzi = select.find ('option'), selected = select.find ('option: selected'); // Percorre as opções do chagua chaguzi. kila moja (kazi (chaguo_index, chaguo) kazi () {// Recupera o valor clicado var val = $ (this).data ('value'); // Ondoa orodha ya kuchagua chagua na uchague orodha ya kuchagua. pata ('chaguo'). 'selected', false); chagua.find ('option [value = "' + val + '"]'). attr ('kuchaguliwa', kweli); tafuta ('. nyota'). ondoa Class ("chaguliwa"); e kama ante riores à ela kwa (i = 0; i <= faharisi; i ++) {$ (stars_element) pata ('. nyota: nth-mtoto (' + (i + 1) + ')'). addClass ('selected'); }})); }); // Adiciona o elemento novo na uondoe antigo (chagua) chagua. Baada ya (nyota_chaguo); chagua. ficha (); });
Hatua ya 2: Trabalhando Com O CSS
Com tudo criado, au CSS ni rahisi. Matumizi ya vyombo vya habari kwa urahisi zaidi. Estrelas, quadrados, barras. Poremos usar tambem sprites ou picha isoladas. Podemos utilizar estilos sem pictures, enfim, vai da necessidade de cada um. O muhimu kwa sababu ya podemos modificar conforme precisamos.
.ratestar.stars.star {display: inline-block; upana: 15px; urefu: 15px; historia: #fff url (../ picha / sprite.png) -2px -134px hakuna kurudia; margin-kulia: 3px; mshale: pointer; }
.ratestar.stars.nyota.zilizochaguliwa {
historia: #fff url (../ picha / sprite.png) -23px -134px hakuna kurudia; }
Hatua ya 3: Hitimisho
Concluímos que o desempenho deste é muito bom, e a facilidade de uso é melhor ainda. Caso o usuário não tenha JS habilitado, ele ainda poderá utilizar o normalmente
Ilipendekeza:
Vipengele vya Mlima Uso wa Soldering - Misingi ya Soldering: Hatua 9 (na Picha)
Vipengele vya Mlima Uso wa Soldering | Misingi ya Soldering: Hadi sasa katika Mfululizo wa Misingi ya Soldering, nimejadili misingi ya kutosha juu ya kutengeneza kwa wewe kuanza kufanya mazoezi. Katika Agizo hili nitajadili ni ya juu zaidi, lakini ni baadhi ya misingi ya kutengenezea uso wa Mount Compo
Kugundua Uso kwenye Raspberry Pi 4B katika Hatua 3: Hatua 3
Kugundua Uso kwenye Raspberry Pi 4B katika Hatua 3: Katika hii inayoweza kufundishwa tutafanya kugundua uso kwenye Raspberry Pi 4 na Shunya O / S kutumia Maktaba ya Shunyaface. Shunyaface ni maktaba ya kutambua / kugundua uso. Mradi unakusudia kufikia kasi ya kugundua na kutambua kasi na
Utambuzi wa Uso na Kitambulisho - Kitambulisho cha Uso cha Arduino Kutumia OpenCV Python na Arduino .: Hatua 6
Utambuzi wa Uso na Kitambulisho | Kitambulisho cha Uso cha Arduino Kutumia OpenCV Chatu na Arduino .: Utambuzi wa uso Kitambulisho cha uso cha AKA ni moja ya huduma muhimu sana kwenye simu za rununu siku hizi. Kwa hivyo, nilikuwa na swali " je! Ninaweza kuwa na kitambulisho cha uso kwa mradi wangu wa Arduino " na jibu ni ndio … Safari yangu ilianza kama ifuatavyo: Hatua ya 1: Ufikiaji wetu
Uso wa Kubadilisha uso wa uso - Kuwa Chochote: Hatua 14 (na Picha)
Uso wa Kubadilisha Uso wa Makadirio - Kuwa Chochote: Unafanya nini wakati hauwezi kuamua unachotaka kuwa Halloween? Kuwa kila kitu. Kinga ya makadirio inajumuisha maski nyeupe iliyochapishwa ya 3D, pi ya rasipberry, projekta ndogo na kifurushi cha betri. Inauwezo wa kutengeneza kitu chochote na kila kitu
Uso Mkubwa wa Texas - Makadirio ya Uso wa 3D Jinsi ya: Hatua 10 (na Picha)
Uso Mkubwa wa Texas - Makadirio ya Uso wa 3D Jinsi ya Kuunda " sanamu za kuishi " kwa kutangaza uso wako kwenye sanamu. Jinsi ya Kufanya Na: David Sutherland, Kirk Moreno kwa kushirikiana na Graffiti Lab Lab Houston * Maoni kadhaa yamesema kuna maswala ya sauti. Ni