jQuery.Click方法重新加载页面

Question

我正在尝试创建一个浮动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再次显示在浏览器的控制台中.这没有任何意义.

谢谢!

Answer 1

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

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