Jqtouch graybutton

Jqtouch graybutton
2011-06-12T13:08:29+02:00
2011-06-19T18:18:32+02:00
2022-08-04T07:10:27+02:00
Syriuss
Sziasztok,

Nem tudom használt-e már itt valaki jqtouch-t.
Van a következő gomb:

<ul class="individual2"> <li><a href="#" class="grayButton" onclick="myfunction();">Le</a></li>

Amikor rápöckölök iphone-on a gombra, akkor zöld lesz és nem vált vissza.
Kérdésem a következő: valahogyan vissza lehet állítani az eredeti állapotába js-ből?

Neten keresgéltem, de vagy nem jó kulcsszavakat adtam meg, vagy nincs hasonló problémája senkinek...

Köszi!
Mutasd a teljes hozzászólást!
Ha egy-ről akarod leszedni és hozzáférsz a forráskódhoz, akkor adj annak az egynek egyedi ID-azonosítót és avval módosítsd. Ha az egy <a> elem, ne felejtsd az összes "lehetőséget" kézben tartani
/* például */ a#egyedi:link {color:green;} a#egyedi:visited {color:green;} a#egyedi:hover {color:red;} a#egyedi:active {color:yellow;} <!-- html --> <ul class="individual2"> <li><a href="#" id="egyedi" onclick="myfunction();">Le</a></li>

és azt sem melyik paraméterezés a "legerősebb"(prioritás): az <a style="" >
Mutasd a teljes hozzászólást!

  • Gondolom myfunction-ban kellene visszaállítanod a class-t grayButton-ra. Ha valóban jQuery alapokon nyugszik a dolog, akkor adj a-nak egy id-t, majd
    $('#anakazidja').removeClass().addClass('grayButton');
    Mutasd a teljes hozzászólást!
  • Szia,

    A removeClass/addClass nem jön be, mivel nem kerül új class hozzáadásra.
    CSS-ben az a.active adja a zöld színt.
    ul li a.active, ul li a.button { background-color: #53b401; color: #fff; }
    Egy linket vissza lehet alakítani úgy, hogy ne active legyen? (remélem értitek)

    Köszi!
    Mutasd a teljes hozzászólást!
  • Ez a css selector nem is érvényesül a fenti gombodra...
    Egyébként vedd el a fókuszt róla és akkor nem aktív
    Mutasd a teljes hozzászólást!
  • Még ha ul li a.active, ul li a.grayButton { lenne is, minek minden <ul><li><a>, ha csak a class="grayButton"-t akarja?
    Mutasd a teljes hozzászólást!
  • Akkor azt magyarázd meg, hogy ha itt átállítom a bgcolort, akkor miért változik a színe...

    Itt szerintem nem a .button a lényeg, hanem az a.active, nem?

    Bocsi, ha tévedek...
    Mutasd a teljes hozzászólást!
  • Épp ezt írtam, hogy minek a kettő(ráadásul a második hibásan), ha elég egy is.
    A különbség az, hogy míg az első minden, a fájlban lévő <ul><li><a> elemre hat, a második csak a class="grayButton" azonosítóval rendelkezőre...

    Szerk: És ha nem aktív, akkor
    ul li a { background-color: red; /* vagy */ ul li a.grayButton { background-color: red;
    Mutasd a teljes hozzászólást!
  • Ez az eredeti jqtouch css file. Nem én raktam össze, csak megtaláltam hogy hol színezi át. Így a miértekre nem tudok válaszolni.

    Az ul li a elemeket másra is használja, ahol kellene hogy változzon a szín. Kivéve a button-nál... vagy valahogy le kéne szedni az <a>-ről az active jelzőt :S a gombok esetében.
    Mutasd a teljes hozzászólást!
  • Ha egy-ről akarod leszedni és hozzáférsz a forráskódhoz, akkor adj annak az egynek egyedi ID-azonosítót és avval módosítsd. Ha az egy <a> elem, ne felejtsd az összes "lehetőséget" kézben tartani
    /* például */ a#egyedi:link {color:green;} a#egyedi:visited {color:green;} a#egyedi:hover {color:red;} a#egyedi:active {color:yellow;} <!-- html --> <ul class="individual2"> <li><a href="#" id="egyedi" onclick="myfunction();">Le</a></li>

    és azt sem melyik paraméterezés a "legerősebb"(prioritás): az <a style="" >
    Mutasd a teljes hozzászólást!
Tetszett amit olvastál? Szeretnél a jövőben is értesülni a hasonló érdekességekről?
abcd