javascript - Chrome 浏览器中的意外网页刷新

Question

一段时间以来，我一直在面对这种奇怪的行为，但找不到任何解决方法。

有一个按钮，点击时会调用某些方法。在 Firefox 中运行良好。在 Chrome 中，它只是刷新整个页面。

$("#modoComparativa").click(function(){
   if($(this).hasClass("active")){
                $('#histFromDate').attr("placeholder","Date 1");
                $('#histToDate').attr("disabled","disabled").attr("placeholder","Date 2");
                startDatepickerComp();
            }
            else{
                $('#histFromDate').attr("placeholder","Initial date");
                $('#histToDate').attr("disabled","disabled").attr("placeholder","Final date");
                startDatepicker();
            }
            $('#clearDates').attr("disabled","disabled");
            // This function calls another function causing the odd behavior in Chrome
            requestGraph(idDetail, idArea, "", "");
        });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

如果我注释掉除选择器和对 click 方法的调用之外的所有内容，行为是相同的。它刷新了一切。

我不知道如何调试它，因为每次我按下按钮时，整个页面都会刷新，浏览器调试器中不会保留任何日志/错误。

如有任何想法，我们将不胜感激。

编辑 - 根据要求添加选择器:

<div class="form-group"><button class="tooltip3 btn btn-default glyphicon glyphicon-random" id="modoComparativa" data-toggle="tooltip" title="ACTIVAR COMPARATIVAS" data-placement="bottom"></button>
                            </div>

Answer 1

向您的点击回调添加一个 return false 以防止由于您的 html 语法而导致的操作(例如表单提交或点击 anchor 标记)。

$("#modoComparativa").click(function(event){
    event.preventDefault();

    // your existing code
}

编辑:由于您添加了 html...

如果您的按钮在表单中，您还可以添加 type="button"属性以防止它提交您的表单。

<button type="button" class="tooltip3 btn btn-default glyphicon glyphicon-random" id="modoComparativa" data-toggle="tooltip" title="ACTIVAR COMPARATIVAS" data-placement="bottom"></button>

感谢 lonesomeday 的建议 http://api.jquery.com/event.preventDefault/