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

尝试在“取消并提交”按钮的单击事件上删除const browser = this.iab.create('http://***********/showform?'+queryString,'_blank',this.options); browser.on('loadstart').subscribe((event) => {console.log(event.url); alert(event.url); }); browser.on('loadstop').subscribe((event) => { //code here}):功能。使用以下语法：

document.ready()

还删除提交按钮中给出的类型submit。只需使其简单即可。

Answer 2

尝试在使用type属性时将“按钮”标签更改为“输入”标签。

希望它能起作用。

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

2 个答案: