Autor | Zpráva | ||
---|---|---|---|
Hajaxa Profil |
#1 · Zasláno: 14. 4. 2013, 20:43:40
Zdravím,
Používám jQuery UI carousel (https://github.com/richardscarrott/jquery-ui-carousel). Ten bohužel nenabízí možnost změny stylů Výchozí je tam rs-carousel a nelze měnit. Vzhledem k tomu, že budu používat tento plugin vícekrát na stránce, potřebuji možnost custumizace pro každý styl zvlášť. Našel jsem docela rychlé řešení v selektorech které jdou změnit. runner: '> ul' Potřebuji k němu přidat něco na bázi: .css("border", "3px double red")
Bohužel bez úspěchu. Budu rád za každou radu. |
||
Str4wberry Profil |
#2 · Zasláno: 14. 4. 2013, 20:53:22
Že se tak ptám, proč neupravujete styly přímo v CSS?
|
||
Hajaxa Profil |
#3 · Zasláno: 14. 4. 2013, 21:06:20
Str4wberry:
Na stránce budu mít tento plugin hned několikrát. Pro každý potřebuji nastavit unikátní velikost, kterou budu ukládat do selektoru ul .
Problém je v tom, že jQuery UI carousel nabízí pouze jeden ul selektor, který platí na vše. Zatím jediné řešení vidím zde: runner: '> ul' Potřebuji k němu přidat něco na bázi: .css("border", "3px double red") Zkouším všechno, ale vždy přestane plugin fungovat. |
||
Str4wberry Profil |
#4 · Zasláno: 14. 4. 2013, 21:23:13
Znovu. Pokud chcete něčemu přidat CSS pravidlo, proč to nedáte přímo do CSS?
|
||
Hajaxa Profil |
Str4wberry:
V tomto případě nelze. Aktuální situace je taková, že mám u pěti boxů s tímto pluginem stejné CSS. jQuery UI carousel nenabízí možnost si zvolit u každého boxu název CSS třídy. Ten má pevně daný, já s tím nic nemohu dělat. Proto zde uvádím možnost změny selektoru. Stačí mi, kdyby někdo věděl, jak k tomuto selektoru přidat CSS vlastnosti. Zde je script: <script> $(document).ready(function () { $('.rs-carousel').carousel({ runner: '> ul' //Toto k tomu potřebuji přidat: .css("border", "3px double red") }); }); </script Toto k tomu potřebuji přidat: .css("border", "3px double red") |
||
Jan Tvrdík Profil |
Hajaxa:
„jQuery UI carousel nenabízí možnost si zvolit u každého boxu název CSS třídy“ Nic ti nebrání obalit box vlastním <div> em a tomu nastavit vlastní třídu.V tomhle konkrétním případě by mělo stačit upravit <div class="rs-carousel"> na <div class="rs-carousel vlastni-trida">
|
||
Hajaxa Profil |
Jan Tvrdík:
Ne, ne, to nemyslim. Bohuzel, zkousim, co se da, stale bez uspechu. runner: '> ul' //Toto k tomu potřebuji přidat: .css("border", "3px double red") |
||
Jan Tvrdík Profil |
Hajaxa:
„Ne, ne, to nemyslim.“ Ale já to myslím! :) Pořád mi není jasné, proč nemůžeš napsat .vlastni-trida ul { border: 3px double red; } |
||
Časová prodleva: 11 let
|
0