Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > JavaScript: Применение библиотек > dropShadow jquery к элементу span ?


Автор: Su_ 6.6.2011, 22:28
Доброго дня!

Использую плагин DropShadow от jquery и все работает классно , но к одному конкретному элементу а точнее (ul li ul li a span ) эффект не применяется.
Не могу понять почему , селектор я прописал верно , и добавил к нему метод (".css("color","red")) что бы удостовериться что он попал куда надо.

Код

$("#menu > ul > li > ul > li > a span").css("color","green");
$("#menu > ul > li > ul > li > a span").dropShadow({color:"#277B7D",left:2,top:0,blur:1});

user posted image

Автор: Mavrun 7.6.2011, 07:00
может плагин применим только к блоковым элементам. как вариант - попробовать прописать спану в цсс'е display:block

Автор: Su_ 7.6.2011, 13:17
Формально по коду тень добавляется, но не отображается . (Может это баг IETester) .

Код

<LI><A title="Content Management" href="/balt/index.php?id=14"><SPAN style="Z-INDEX: 14; POSITION: relative; ZOOM: 1; DISPLAY: block" shadowId="ds6560" jQuery1307441344946="14">Manage Content</SPAN>
<DIV style="Z-INDEX: 13; POSITION: absolute; MARGIN: 0px; TOP: -1px; LEFT: 1px" id=ds6560 class=dropShadow jQuery1307441344946="15">
<DIV style="Z-INDEX: 13; POSITION: absolute; FILTER: alpha(opacity=6.25); WIDTH: 0px; ZOOM: 1; BACKGROUND: #000000; HEIGHT: 0px; TOP: 1px; LEFT: 1px" class=dropShadow></DIV>
<DIV style="Z-INDEX: 13; POSITION: absolute; FILTER: alpha(opacity=6.25); WIDTH: 0px; ZOOM: 1; BACKGROUND: #000000; HEIGHT: 0px; TOP: 0px; LEFT: 2px" class=dropShadow></DIV>
<DIV style="Z-INDEX: 13; POSITION: absolute; FILTER: alpha(opacity=6.25); WIDTH: 0px; ZOOM: 1; BACKGROUND: #000000; HEIGHT: 0px; TOP: 2px; LEFT: 4px" class=dropShadow></DIV>
<DIV style="Z-INDEX: 13; POSITION: absolute; FILTER: alpha(opacity=6.25); WIDTH: 0px; ZOOM: 1; BACKGROUND: #000000; HEIGHT: 0px; TOP: 4px; LEFT: 2px" class=dropShadow></DIV>
<DIV style="Z-INDEX: 13; POSITION: absolute; FILTER: alpha(opacity=6.25); WIDTH: 0px; ZOOM: 1; BACKGROUND: #000000; HEIGHT: 0px; TOP: 2px; LEFT: 0px" class=dropShadow></DIV>
<DIV style="Z-INDEX: 13; POSITION: absolute; FILTER: alpha(opacity=6.25); WIDTH: 0px; ZOOM: 1; BACKGROUND: #000000; HEIGHT: 0px; TOP: 1px; LEFT: 3px" class=dropShadow></DIV>
<DIV style="Z-INDEX: 13; POSITION: absolute; FILTER: alpha(opacity=6.25); WIDTH: 0px; ZOOM: 1; BACKGROUND: #000000; HEIGHT: 0px; TOP: 3px; LEFT: 3px" class=dropShadow></DIV>
<DIV style="Z-INDEX: 13; POSITION: absolute; FILTER: alpha(opacity=6.25); WIDTH: 0px; ZOOM: 1; BACKGROUND: #000000; HEIGHT: 0px; TOP: 3px; LEFT: 1px" class=dropShadow></DIV>
<DIV style="Z-INDEX: 13; POSITION: absolute; FILTER: alpha(opacity=6.25); WIDTH: 0px; ZOOM: 1; BACKGROUND: #000000; HEIGHT: 0px; TOP: 1px; LEFT: 1px" class=dropShadow></DIV></DIV></A></LI>



Спасибо, вообще это у меня подменю с display:none по старту , поэтому наверное не отрисовывает. Если поставить display:block , но при этом тень кидается на блок span а не на текст внутри него.

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)