zufällige css position jquery

Question

mit math.random, kann ich die div nach links, nach dem Zufallsprinzip. Aber ich muss die "links" und "rechts" Positionen nach dem Zufallsprinzip setzen.

jQuery('#popup-container').css({'left' : (Math.floor(Math.random() * 15) + 3) + '%'})

<div id="popup-container" style="background:red;width:30px; height:30px;"></div> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

Beispiel im Attribut "Css ({links", haben eine randon mit "links oder rechts". Ein Array mit diesen Positionen. Wie mache ich das?

Answer 1

einfach ein Array machen und ‚links‘ und ‚rechts‘ hinein schieben.

var positions = []; 
positions.push('left'); 
positions.push('right'); 

verwenden sie nun Math.random für den Index für Positionen Array auswählen.

jQuery('#popup-container').css(positions[Math.floor(Math.floor(Math.random()%2))], (Math.floor(Math.random() * 15) + 3) + '%') 

Hoffe, das hilft.

Grüße