单击按钮后功能不执行任何操作（aspx 页面）

Question

我的按钮有问题，我输入了 alert("") 以确保它是否进入功能，我发现它在我点击按钮后进入功能并且警报工作正常但是，功能内部的任何其他内容都不起作用既不是 ajax 也不是任何简单的 jquery 代码。我将添加代码以使其更加清晰。

例如下面的这些按钮

<button type="button" id="submitX" class="btn btn-primary">Submit</button>

<button type="submit" id="cancelX" class="btn btn-default">Cancel</button>

这个javascript代码

    $(document).ready(function () {

    $(document).on("click", "#cancelX", function (event) {

          alert('cancel function');

            window.location.href = "www.test.com";

         });

    $(document).on("click", "#submitX", function (event) {

           alert('submit function');

var Details  = $('#Detail').summernote('code');

var params = [];

params.push({ name: "CreatedBy", value: $('#Email').val() });

params.push({ name: "Detail", value: Details});

var apiURL = "<%= ResolveUrl("~/api/Submit/") %>";

$.ajax({

url: apiURL,

data: params,

type: "POST",

success: function (data, textStatus, jqXHR) {

window.location.href = "www.test.com";

},

error: function (err) {

swal({

text: "An error occured.",

icon: "error"

});

}

})

  });

    });

为什么按钮或功能都不能正常工作？我在这里做错了什么吗？

Answer 1

尝试在使用 type 属性时将“button”标签更改为“input”标签。希望它有效。

Answer 2

尝试删除document.ready()取消和提交按钮的点击事件功能。使用以下语法：&nbsp;$("#id_name").click(function (event) {&nbsp; &nbsp; &nbsp; ..//Code&nbsp;});并删除提交按钮中给出的类型提交。只需使其简单按钮即可。