jQuery.Click 方法重新加载页面

我正在尝试创建一个浮动 div，当按钮被触发时它就会出现。这并不难，但是当我按下按钮时，页面会自动重新加载。我不知道为什么。

我尝试使用 Bootstrap 的 Popover，但由于同样的问题，它无法按预期工作。当弹出窗口被触发时，页面会重新加载，并且弹出窗口明显消失。

我正在使用 RoR，只是说以防万一这对找出问题很有用。

我在文档底部有类似的内容：

<a href="#" class="btn btn-small btn-warning" id="example">Show</a>

<script type="text/javascript">
    $(document).ready(function() {
        console.log("Page is loaded.");

        // Custom Popover
        $("#example").click(function() {
            console.log("Showing");
        });
    });
</script>

首先console.log页面加载时会显示内部就绪函数。当我触发“显示”按钮时，console.log再次显示在浏览器的控制台中。这没有任何意义。

Thanks!

您需要使用以下命令来停止链接的默认行为preventDefault():

$("#example").click(function(e) {
    e.preventDefault();
    console.log("Showing");
});