Question

如果我在我的Web应用程序中使用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>

但它不改变风格？你能想象“为什么？”

Answer 1

试用此代码

<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/

Answer 2

对于后期绑定，你可以使用.live方法，请参阅doc如何将事件与.live funcion中的功能绑定

Answer 3

... Hummm

你应该在输入css或style时添加类名：

.addClass('NumericUPDownButton')

使用jQuery更改ajax渲染控件的样式

3 个答案: