Javascript 即使在e.preventDefault（）jquery之后，页面也会刷新

即使在调用

e.preventDefault（）

之后，单击按钮仍会刷新页面。 有什么我可能错过的建议吗

下面是上面点击功能的代码

$('#btn-add-skills').on('click', function(e) {
        e.preventDefault();
        // function call goes here
    });

您可能还需要添加以阻止事件在DOM树中冒泡

.modal-add-skills.modal.fade
  .modal-dialog
    .modal-content
      .modal-header
        h4(style='color: black !important;')
      .modal-body
        form#addSkills
          .form-group
            label.col-form-label(for='Skill') Skill
            input#skill_input.form-control.required(type='text', name='Skill', placeholder='Start typing to select skill', style="width: 300px;")
          .modal-footer
            button#add-skill-data.btn.btn-primary(type='submit') Add

---

您可以发布具有

btn add skills

的html元素吗？您可以显示

id=“btn add skills”

的html标记吗？是

btn add skills

在父

表单中，并且是
type=“submit”
？
$(document).ready(function(){
    $('#btn-add-skills').on('click', function(e) {
        e.preventDefault();
        e.stopPropagation();

        alert("Stopped Redirecting");

        // function call goes here

        return false;
  });
});