JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://code.jquery.com/ui/1.9.0/jquery-ui.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.9.0/themes/base/jquery-ui.css">
<div id="dialog1">
<a href="#" class="cartShowConfig" data-MOT="123456">view</a>
</div>
JavaScript
function showConfig(result, mot) {
result('result is ' + mot);
}
$(function() {
$('#dialog1').dialog({
title: "Dialog 1",
hide: {
effect: 'drop',
duration: 500,
direction: 'up'
}
});
$(document).tooltip({
items: ".cartShowConfig",
content: function(result) {
var element = $(this);
if (element.is("a")) {
showConfig(result, element.attr('data-MOT'));
}
}
});
});