Изменить стиль визуализированных элементов управления ajax, используя jQuery - PullRequest
Новая
       5

Изменить стиль визуализированных элементов управления ajax, используя jQuery

1 голос
/ 11 июля 2011

Если я использую набор инструментов управления ajax в своем веб-приложении, дайте мне знать, как изменить стиль элементов управления, отображаемых с помощью ajax.Например, если мне нужно отформатировать кнопки, созданные для элемента управления NumericUpDown, где я должен написать для него jQuery.Я написал это в document.ready, но не получил ожидаемый результат.

Так что я думаю, что даже во время document.ready элемент управления не отображается.

Например,Я нахожу кнопку, созданную для вверх и вниз, меняет ее цвет фона и цвет шрифта (используя класс 'NumericUPDownButton') 

 <script type="text/javascript">
     $(document).ready(function() {
         $('input[id$=_bUp]').removeAttr('style');
         $('input[id$=_bUp]').addClass('NumericUPDownButton');

         $('input[id$=_bDown]').removeAttr('style');
         $('input[id$=_bDown]').addClass('NumericUPDownButton');             
     });
 </script>



 <style>
    .NumericUPDownButton
    {
        border-bottom: 0px outset;
        border-left: 0px outset; 
        line-height: 1em;
        width: 24px; 
        font-family: Webdings;
        height: 12px; 
        font-size: 9pt; 
        overflow: hidden;
        border-top: 0px outset;
        border-right: 0px outset;  
        background-color:#383838;     
        color:White; 
    }
     </style>

Но это не меняет стиль?Можете ли вы представить себе «Почему?»

Ответы [ 3 ]

1 голос
/ 11 июля 2011

Попробуйте этот код 

<script type="text/javascript">
         $(document).ready(function() {
    var styleVar='border-bottom: 0px outset;
            border-left: 0px outset; 
            line-height: 1em;
            width: 24px; 
            font-family: Webdings;
            height: 12px; 
            font-size: 9pt; 
            overflow: hidden;
            border-top: 0px outset;
            border-right: 0px outset;  
            background-color:#383838;     
            color:White;';
             $('input[id$=_bUp]').attr('style',styleVar);

             $('input[id$=_bDown]').attr('style',styleVar);

         });
     </script>

См. http://hungred.com/useful-information/css-priority-order-tips-tricks/

0 голосов
/ 11 июля 2011

Хмммм ...

Вы должны добавить имя класса при вводе в CSS или стиле: 

.addClass('NumericUPDownButton')
0 голосов
/ 11 июля 2011

для позднего связывания, вы можете использовать метод .live, смотрите документ о том, как связать событие с функциональностью в функции .live

...