Prodej projektů Duchod.cz, Duchodova-Reforma.cz a doména MojeFinance.cz
Zobrazují se odpovědi 1 až 12 z 12

Na tabletu se checkbox chová jako radio button.

  1. Ahoj lidi,

    debaguji na tabletu a nevím jak dále... mám checkboxy s labely....

    podle tohoto návodu

    Get Started with Remote Debugging Android Devices | Tools for Web Developers…

    mělo by fungovat i na tabletu.... id a for...ale nefunguje mi.....jenom na desktopu.

    Tak se snažím utvořit...debagovací script: v konzoli zjišťuji, že mi to šíleně přeskakuje jako radio buttony se to chová......

    Kód:
    $(".boxy").on("click",function() {
           labelID = $(this).attr("for");
           
       if($("#"+labelID).is(":checked")){
       
       console.log("checked");
        $("#"+labelID).attr("checked", true);
       
       }else{
       $("#"+labelID).attr("checked", false);
       console.log("unchecked");
       }
           
    });
    Kouknul byste na to někdo na tabletu a řekl mi proč se ty checkboxy chovají tak šíleně ? Nejdou třeba odkliknout.....

    zde je testovací web

    Testovací rozhraní

    Předem díky za pomoc.

  2. Co se právě děje na Webtrhu?
  3. Přikládám screen:

    Název:  obraz.jpg
Zobrazení: 136
Velikost:  464,3 KBNázev:  obraz.jpg
Zobrazení: 136
Velikost:  464,3 KB

  4. ty boxy se na tabletu odklíkavají s určitým zpožděním.

  5. Citace Původně odeslal Taps Zobrazit příspěvek
    ty boxy se na tabletu odklíkavají s určitým zpožděním.
    To sice jo asi 300 ms, ale mě se ani neodkliknou....jenom tím, že třeba přejedu přes jinej..... mám android 6.0tabnlet acer, mobil Samsung..na obou stejné.

  6. zkus to s tímto skriptem
    Kód:
    <script src="http://code.jquery.com/mobile/latest/jquery.mobile.min.js"></script>
    sice rozhodí stránku, ale myslím, že pak to na mobilu funguje v pohodě.

  7. Nezlobí tam ten hover? I na PC to vypadá divně, hover je stejnej jako když je prvek zakliknutej, takže když prvek odkliknu, ale neodjedu myší tak nevidím rozdíl. Zkus dát :hover třeba šedivej rámeček a červenej až když je :checked. Prohlížeče na tabletech a telefonech se občas snaží :hover fejkovat, což se hodí například u submenu které jsou na hover nadřazeného elementu, ale tady to může teoreticky být problém, protože ty nevidíš rozdíl mezi tím, jestli je input/label :hover nebo :checked. První klik na element se tak občas chová jako hover.

  8. Na mobilu to jde na tabletu mi to nejde....v debagovaaací nástroji od oogle to jde perfektně...mají i jenom script na checkboxy ? zvlášť ?

    ---------- Příspěvek doplněn 29.11.2018 v 13:50 ----------

    Citace Původně odeslal Taps Zobrazit příspěvek
    zkus to s tímto skriptem
    Kód:
    <script src="http://code.jquery.com/mobile/latest/jquery.mobile.min.js"></script>
    sice rozhodí stránku, ale myslím, že pak to na mobilu funguje v pohodě.
    Trochu jsem si pohrál s pořadím jquer scriptů, které tam používám a už to jde..díky moc..

    ---------- Příspěvek doplněn 29.11.2018 v 14:03 ----------

    Citace Původně odeslal Toliceek Zobrazit příspěvek
    Nezlobí tam ten hover? I na PC to vypadá divně, hover je stejnej jako když je prvek zakliknutej, takže když prvek odkliknu, ale neodjedu myší tak nevidím rozdíl. Zkus dát :hover třeba šedivej rámeček a červenej až když je :checked. Prohlížeče na tabletech a telefonech se občas snaží :hover fejkovat, což se hodí například u submenu které jsou na hover nadřazeného elementu, ale tady to může teoreticky být problém, protože ty nevidíš rozdíl mezi tím, jestli je input/label :hover nebo :checked. První klik na element se tak občas chová jako hover.
    Děkuji za podnětný příspěvek, hover jsem na tablety zrušil.

  9. Citace Původně odeslal Taps Zobrazit příspěvek
    zkus to s tímto skriptem
    Kód:
    <script src="http://code.jquery.com/mobile/latest/jquery.mobile.min.js"></script>
    sice rozhodí stránku, ale myslím, že pak to na mobilu funguje v pohodě.
    To vy jako fakt děláte weby tak, že když vám nefunguje input, tak tam dáte jQuery Mobile?

  10. Citace Původně odeslal mjerabek Zobrazit příspěvek
    To vy jako fakt děláte weby tak, že když vám nefunguje input, tak tam dáte jQuery Mobile?
    Lepší by bylo kdyby někde šel vytáhnout jen ten script na checkboxy, ale parádně to zvedlo odezvu....

  11. Citace Původně odeslal PetrGargulák Zobrazit příspěvek
    Lepší by bylo kdyby někde šel vytáhnout jen ten script na checkboxy, ale parádně to zvedlo odezvu....
    Nevím, v čem je ta závada, ale ta 300ms odezva se odstraním přidáním <meta name="viewport" content="width=device-width, initial-scale=1.0">. Řešit váš problém skriptem, který má 142 kb a řadu neznámých vedlejších efektů, je absurdní.

    ---------- Příspěvek doplněn 29.11.2018 v 14:41 ----------

    A taky byste měl měnit ten zaškrtnutý stav pomocí funkce prop, ne attr. Atribut checked nemá varianty true a false. Ten tam buď je nebo není.

  12. Citace Původně odeslal Toliceek Zobrazit příspěvek
    Nezlobí tam ten hover? I na PC to vypadá divně, hover je stejnej jako když je prvek zakliknutej, takže když prvek odkliknu, ale neodjedu myší tak nevidím rozdíl. Zkus dát :hover třeba šedivej rámeček a červenej až když je :checked. Prohlížeče na tabletech a telefonech se občas snaží :hover fejkovat, což se hodí například u submenu které jsou na hover nadřazeného elementu, ale tady to může teoreticky být problém, protože ty nevidíš rozdíl mezi tím, jestli je input/label :hover nebo :checked. První klik na element se tak občas chová jako hover.
    Byl to ten hover...:)

  13. Citace Původně odeslal PetrGargulák Zobrazit příspěvek
    Byl to ten hover...:)
    Já si to myslel :-D Problém ve scriptu mi nedával moc smysl, protože ty "hezký checkboxy" jsou řešeny čistě pomocí HTML/CSS. Jinak chválím za dobré řešení, já i na nových webech kolikrát narážím že tohle řeší pomocí JS pluginů, přitom to není vůbec potřeba.

Hostujeme u Server powered by TELE3