JSFiddle - React, Tailwind, and code Playground

by mark edwards

HTML

<link rel="stylesheet" href="http://jqwidgets.com/public/jqwidgets/styles/jqx.base.css">
<link rel="stylesheet" href="http://jqwidgets.com/public/jqwidgets/styles/jqx.energyblue.css">
<script src="http://jqwidgets.com/public/jqwidgets/jqx-all.js"></script>
<br />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
first: <span  id='first-span'>uses position</span>
&nbsp; &nbsp; &nbsp;	
second: <span  id='second-span'>does not use position</span>

JavaScript

$(document).ready(function(){
	$("span#first-span").jqxTooltip({
        content:  'uses position',
        position: 'default',
         left:  -400
	});
	$("span#second-span").jqxTooltip({
        content:  'does not use position',
        //  position: 'bottom',   no position!
         left:  -40
	});
});