首页 > 解决方案 > 表单/提交按钮上的 jQuery e.preventDefault() 不起作用

问题描述

需要另一个帮助。我已经被这个“问题”困住了四天,这让我很沮丧,因为我正在做的项目很容易,应该很容易。

标题不言自明。我将列出一些我尝试过的东西......替换e.preventDefault()return false/或e.stopPropagation(),不起作用。最后添加this.submit();,不起作用。尝试使用新.on语法而不是.submit,但不起作用。就是这样。

如果有人有任何想法,请。提前感谢您,即使尝试。

$("#allRuns").click(function () {
fetchBookmarks();

$("#edit").click(function () {
    $("#container").html('<form id="allForm">' +
        'Distance: <input id="allDistance" type="text"><br>' +
        'Time: <input id="allTime" type="text"><br>' +
        '<input type="submit" value="Edit">' +
        '</form>'
    );
});

$("#allForm").submit(function (e) {
    /* var bookmarks = JSON.parse(localStorage.getItem("bookmarks"));
    for (var i = 0; i < bookmarks.length; i++) {
        if (bookmarks[i].time == time) {
            console.log(bookmarks[i])
        };
    }; */
    console.log("H")
    e.preventDefault();
});
});

出于某种原因,网络上的间距很奇怪,希望它有意义。似乎缺少标签。可能是我的错误,这里还是新的,不知道如何正确使用它。基本上我需要的是查看控制台中的任何响应,console.log("H")不返回任何内容。

任何状况之下。如果这对您更好,GitHub 上有一个带有正确文件的链接。

https://github.com/ovy1448/MyRun/blob/master/js/main.js

问题在底部。如果您需要了解更多信息,请询问。再次感谢。

标签: javascriptjqueryformssubmitpreventdefault

解决方案


推荐阅读