JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.css">
<script src="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.js"></script>
<div data-role="page" class="type-home">
    <div data-role="content">
            
        <ul id="theList" data-role="listview" data-inset="true" data-theme="c" data-dividertheme="f">
            <li id="list-d" data-role="list-divider">Items</li>
            <li id="list-item-1"><a href="#">List Item 1</a></li>
            <li id="list-item-2"><a href="#">List Item 2</a></li>
            <li id="list-item-3"><a href="#">List Item 3</a></li>
            <li id="list-item-4"><a href="#">List Item 4</a></li>
            <li id="list-item-5"><a href="#">List Item 5</a></li>
            <li id="list-item-6"><a href="#">List Item 6</a></li>
            <li id="list-item-7"><a href="#">List Item 7</a></li>
            <li id="list-item-8"><a href="#">List Item 8</a></li>
            <li id="list-item-9"><a href="#">List Item 9</a></li>
            <li id="list-item-10"><a href="#">List Item 10</a></li>
        </ul>
        
    </div>
</div>

JavaScript

var mdown = false;
$(document).touchstart(function() {
    mdown = true;
}).touchend(function(){
    mdown = false;  
});

// click change dblclick submit
function bindEvents(element) {
    element.bind('touchmove', function(event){        
        console.log('mdow:'+ mdown);
        if(mdown){
            element.css({'background-color':'#00FF00'});
            
        console.log('Element Id: '+$(element).attr('id')+' Event: '+event.type);
        }
    });
}

$('#theList li').each(function(){
    bindEvents($(this));
});

var listitems = '{"barwidth":"0.9","seriestacked":"true","xticks":@Model.BarData.Ticks,"yticksize":@Model.BarData.Yticksize,"tooltipoptions":{"percentage":"true"}}'

console.log(listitems);