jQuery UI 对话框随机 CSS 属性

Question

这是我在这里的第一篇文章，所以我希望能正确地做到这一点。我正在尝试为一系列对话框小部件分配一个随机值，以便在 0 到 10 度之间以不同方式倾斜它们中的每一个。不幸的是它不工作。有人有想法吗？

<div id="dialog" class="pops" title="1"> <img src="print1.jpg"></img>
</div>

<div id="dialog2" class="pops" title="2"> <img src="print2.jpg"></img>
</div>

<div id="dialog3" class="pops" title="3"><img src="print3.jpg"></img>
</div>

JQuery(对话框和 addClass)

$( function() {
$( ".pops" ).dialog({
draggable: false,
resizable: false,
width: 'auto',
height: 'auto',
modal: true,
dialogClass:'storto',

open: function( e, ui ) {
    $( this ).siblings( ".ui-dialog-titlebar" )
  .find( "button" ).blur();
}
});
} );

CSS

.ui-dialog.storto{
padding:0;
height:auto;
margin:0;
transform: skewY(10deg);
}

改变 CSS 的 jQuery(不工作)

$(".ui-dialog.storto").each( function() {
var rNum = (Math.random()*4)-2;  
$(this).css( {   
'transform': 'skewY('+rNum+'2deg)'
} );  
} );

Answer 1

好的，做到了。

open: function( e, ui ) {
$(".ui-dialog.storto").each( function() {
var rNum = (Math.random()*10)-1;
$(this).css( {
'transform': 'skewY('+rNum+'2deg)'
} );
} );
}