JSFiddle - React, Tailwind, and code Playground

by HYEONGJINKIM

HTML

<script src="https://raw.githubusercontent.com/firedev/jquery.keynav/master/javascript/jquery.keynav.js"></script>
	<ul class="nav_holder clearfix">
		<li>
			<a href="#link">Navigation Item</a>
		</li>
		<li>
			<a href="#link">Navigation Item</a>
		</li>
		<li>
			<a href="#link">Navigation Item</a>
		</li>
		<li>
			<a href="#link">Navigation Item</a>
		</li>
		<li>
			<a href="#link">Navigation Item</a>
		</li>
		<li>
			<a href="#link">Navigation Item</a>
		</li>
		<li>
			<a href="#link">Navigation Item</a>
		</li>
		<li>
			<a href="#link">Navigation Item</a>
		</li>
		<li>
			<a href="#link">Navigation Item</a>
		</li>
		<li>
			<a href="#link">Navigation Item</a>
		</li>
		<li>
			<a href="#link">Navigation Item</a>
		</li>
	</ul>

CSS

ul li{
    position:absolute;
}

JavaScript

$(function(){
    $('.nav_holder li a').each(function(){
        console.log($(this.get(0)));
        //$(this).css('left', Math.floor(Math.random() * 400) + 1));
        //$(this).css('top', Math.floor(Math.random() * 400) + 1));
    });
    alert("ab")
});