如何使用JQuery覆盖CSS

Question

i am trying to override the inline style of JQuery dialog using JQuery , but i am not getting reflection in the program. I want to position the jquery dialog box to some position. I tried overriding the css style, but it didn't work.

now i am trying to override using css.but it is also not working..

How can i do this please suggest.

i want to override this below css using JQuery css code:

.ui-dialog{
    display: block;
    height: auto;
    left: 858px;
    position: absolute;
    top: 124px;
    width: 235px;
}

JQuery code:

$(".ui-dialog").css('position', 'absolute', 'left', '858px');

How can i do this?

Answer 1

$(".ui-dialog").css({'position': 'absolute', 'left': '858px'});

编辑：如果要使用CSS进行此操作，而不是动态地计算左位置，则可以使用dialogClass为对话框提供标识符，然后使用dialog类并将相同的CSS规则放在样式表中。

Answer 2

Try this:

$(".ui-dialog").css('position', 'absolute');
$(".ui-dialog").css('left', '858px');

Then read up on jQuery .css() .

Answer 3

As far as I can understand you that you are likely to do set the position and left value and remove all others Then do the followings:

First remove the style:

$(".ui-dialog").attr('style',' ');

Then attach this style

$(".ui-dialog").css({'position':'absolute', 'left': '858px'});

Answer 4

$(".ui-dialog").css({position:'absolute',left:'858px'});

Answer 5

Try to call in this way..

$( ".ui-dialog" ).css({ 'position': 'absolute', 'left': '858px' });