jQuery UIダイアログランダムCSS属性

Question

これは私の最初の投稿ですので、正しくやりたいと思っています。 私は0から10degの間でそれぞれを違うようにするために、一連のダイアログウィジェットにランダムな値を割り当てようとしています。 残念ながら、それは動作していません。誰かがアイデアを持っていますか？

<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); 
} 

jQueryのCSSを変更する（動作しない）

$(".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)' 
}); 
}); 
}