• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

Select nie wyświetla listy przy pierwszym kliknięciu

VPS Starter Arubacloud
0 głosów
336 wizyt
pytanie zadane 20 maja 2018 w JavaScript przez jking Początkujący (350 p.)

Witam, mam problem związany z wyświetlaniem opcji w select. Mam kod napisany w jquery, który po kliknięciu w przycisk zmienia jego wysokość i wrzuca tam HTML z selectem. Wszystko wykonuje się jak należy, lecz problem polega na tym gdy próbuję kliknąć w SELECT'a za pierwszym razem nic się nie dzieje, dopiero przy drugim kliknięciu wyświetlana jest lista. Jeżeli kliknę gdziekolwiek poza tego DIV'a, muszę ponownie kliknąć dwa razy aby wyświetliła się lista...

Kod:

  $("#new-account").one("click", function() {
    $(this).animate( {
      'height': '130px'
    }, 500);
    $(this).css( {
      'user-select': 'auto',
      'background-color': '#97E464',
      'cursor': 'default'
    });
    $(this).html("\
    <p1>Rodzaj konta</p1> <br>\
    <select id='account-type'>\
      <option value='standard'>Standard</option>\
      <option value='standard-plus'>Standard plus</option>\
      <option value='for-young'>Dla młodych</option>\
      <option value='company'>Dla frim</option>\
    </select>\
    <br><input type='submit' id='create-account' value='Załóż konto'>\
    ");
    $("#account-description").animate( {
      'opacity': '1'
    }, 500);
    CreateAccount();
  });

CSS:

#account-type {
  margin-top: 5%;
  width: 150px;
  text-align: center;
  font-size: 1.4rem;
  outline: none;
  border-radius: 5px;
  border: 1px solid #5E5E5E;
  letter-spacing: 1px;
  appearance: none;
  -moz-appearance: none;
  background: url("../img/carret-down.png") no-repeat 97% 60%;
  background-color: #FFF;
  padding: 5px;
}

 

komentarz 20 maja 2018 przez PolYGlok Pasjonat (19,450 p.)
To jest cały Twój kod?
komentarz 20 maja 2018 przez jking Początkujący (350 p.)
oczywiście, że nie, jest to wycinek z kodu odpowiadający za mój problem
komentarz 20 maja 2018 przez PolYGlok Pasjonat (19,450 p.)
Spróbuj 'opacity': '1' i 'height'  usunąć cudzysłowy.
komentarz 21 maja 2018 przez jking Początkujący (350 p.)
nadal to samo
komentarz 22 maja 2018 przez PolYGlok Pasjonat (19,450 p.)
edycja 22 maja 2018 przez PolYGlok

@jking, Dodaj kod Html. Będzie łatwiej.

Nie wiem gdzie leży problem bo u mnie się normalnie to wysuwa w dół za pierwszym razem i wraca również za pierwszym razem. 

BTW masz literówke w "dla firm".

Zaloguj lub zarejestruj się, aby odpowiedzieć na to pytanie.

Podobne pytania

0 głosów
2 odpowiedzi 194 wizyt
pytanie zadane 26 lutego 2018 w JavaScript przez Andrzej Czarny Użytkownik (720 p.)
+3 głosów
1 odpowiedź 548 wizyt
pytanie zadane 18 listopada 2018 w JavaScript przez Pszemeek Początkujący (370 p.)
0 głosów
3 odpowiedzi 570 wizyt
pytanie zadane 30 grudnia 2016 w JavaScript przez Rico305 Nowicjusz (170 p.)

92,832 zapytań

141,776 odpowiedzi

320,824 komentarzy

62,163 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...