JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://dl.dropboxusercontent.com/s/kk2kwhlagzsi9g1/default.css">
<div data-role="page" id="home">
    
<div class="main_cont">
    
    <header>


        <nav>
            <ul>
                <li class="new_h"><a href="#" class="active"><i class="new"></i>New</a>
                </li>
                <li class="export_h"><a href="#"><i class="export "></i>Export</a>
                </li>
                <li class="import_h"><a href="#"><i class="import "></i>Import</a>
                </li>
                <div class="cb"></div>
            </ul>
        </nav>
    </header>
    <div class="cb"></div>

    <section>
        <article class="testsuitbox">
            <h1>TestSuite Name</h1>
            <input name="" type="text" class="txtfield" id="testSuiteId">
        </article>

        <div class="contentbox">
            <div class="actionbar">
                <a href="#" class="home" id="home_h"></a><a href="#" class="previous" id="previous_h"><i
                    class="iconprev"></i>Previous</a><a href="#" class="next" id="next_h"><i
                    class="iconnext"></i>Next</a>
                <div class="cb"></div>
            </div>
            <div id="secondPage">
            </div>
            <div id="firstPage">
            <div class="testsuittitle" id="testSuitConfiguration">
                Test Suite Configuration
                <!--button class="parallelbtn">
                    <!--i class="circlepointer"></i-->
                <!--/button-->
                <select name="flip-1" id="flip-1" data-role="slider" class="selectSequence_h">
                    <option value="Sequential">Sequential</option>
                    <option value="Parallel">Parallel</option>
                </select>

            </div>

CSS

.ui-slider {
    z-index: 100000000000 !important;
}

JavaScript

$(document).on('pageinit', '#home', function(){ 
        $(document).on('vclick','#testSuitConfiguration',function () {
            console.log('pp')    
        });
        
        $(document).on( "slidestop", ".selectSequence_h" ,function( event, ui ) {
            console.log('==');
            event.stopPropagation();
            event.stopImmediatePropagation();
        }); 
    });