JSFiddle - React, Tailwind, and code Playground

by Ramesh Kanagaraj

HTML

<link rel="stylesheet" href="http://cdn.kendostatic.com/2014.2.903/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2014.2.903/styles/kendo.default.min.css">
<script src="http://cdn.kendostatic.com/2014.2.903/js/kendo.all.min.js"></script>
<div id="view_record"> <span class="test" title="Testing 1">Testing 1</span>
 <span class="test" title="Testing 2">Testing 2</span>
 <span class="test" title="Testing 3">Testing 3</span>
 <span class="test" title="Testing 4">Testing 4</span>

</div>
<span class="test" title="Testing 4">Testing 4</span>

<a id="click" href="#">Click Here</a>

JavaScript

var className = "test";
var scopeId = "view_record";
var $tooltipElement = $("." + className, "#" + scopeId).data("kendoTooltip");
if ($tooltipElement) {
    console.error("Duplicate initialization : Tooltip trying to initialize same DOM element again.");
} else {
    $("#" + scopeId).kendoTooltip({
        filter: ".test"
    });
}

$("#click").click(function () {
    var $tooltipElement = $("#" + scopeId).data("kendoTooltip");
    if ($tooltipElement) {
        console.error("Duplicate initialization : Tooltip trying to initialize same DOM element again.");
    } else {
        console.error("in");
        $("#" + scopeId).kendoTooltip({
            filter: ".test"
        });
    }

});