JSFiddle - React, Tailwind, and code Playground

by rodrigonery

HTML

<link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/css/bootstrap-combined.min.css" rel="stylesheet">
<!--[if IE]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

<button class="btn btn-info" type="button" data-alert="oi">Teste</button>

CSS

.btn {
    margin-top: 5%;
}

JavaScript

// Funciona Normal...
/*
$(function () {
    var $botao = $('button');
    $botao.on("click", function () {
        alert($botao.data('alert'));
    });
});
*/
// Com event.preventDefault();
$(function () {
    var $botao = $('button');
    $botao.on("click", function (e) {
        e.preventDefault();
        alert($botao.data('alert'));
    });
});