弹出消息在第一次单击时不起作用。它适用于第二次单击按钮单击 [英] Pop up message does not work on 1st click. It works on 2nd click on button click
本文介绍了弹出消息在第一次单击时不起作用。它适用于第二次单击按钮单击的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
大家好，
我用bootstrap Design开发了asp.net应用程序。当我单击我的提交按钮时，所有功能都正常，但弹出消息不起作用。但是这些行被执行（当我调试时），当我第二次点击按钮时，弹出消息有效。
设计页面：
Hi all,
I have developed asp.net application with bootstrap Design. When i click my submit button, all functions are working but pop-up message does not work. But those lines get executed(When i debug) , when i click button for 2nd time, Pop-up message works.
Design Page:
<pre><div class="form-group">
<div class="col-md-9 col-sm-9 col-xs-12 col-md-offset-3">
<input type="hidden" id="uploads" />
<input type="button" id="btnSubmitfile" class="btn btn-success" data-toggle="modal" value="Create" data-target=".bs-example-modal-sm" />
<!-- Small modal -->
<div id="exitappname1" tabindex="-1" role="dialog" aria-hidden="true" style="display: none;">
<div class="modal-dialog modal-sm">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
<h4 class="modal-title" id="myModalLabel2">Payment Details</h4>
</div>
<div class="modal-body">
<p>Payment approved</p>
</div>
<div class="modal-footer">
<button type="button" onclick="location.href = '/TEST/Dash/';" class="btn btn-default" data-dismiss="modal">ok</button>
</div>
</div>
</div>
</div>
<!-- /modals -->
</div>
</div>
JS：
JS:
$(document).ready(function () {
$("#btnSubmitfile").click(function (e) {
submitfile();
}
}
function submitfile() {
var RMReg = new Array();
RMReg[0] = ProjectName;
RMReg[1] = CustID;
RMReg[2] = projecttype;
$.ajax({
type: "POST",
url: '/TEST/proreport/',
dataType: "json",
contentType: "application/json; charset=utf-8",
data: JSON.stringify({ CRMReg: CRMReg }),
success: function (json) {
if (json.flag == "False") {
//$("#exitappname").modal('show');
$("#exitappname1").addClass("modal fade bs-example-modal-sm");
$(".modal-title").text("New Project");
$(".modal-body").text("Project Already Exist");
}
else {
$("#exitappname1").addClass("modal fade bs-example-modal-sm");
$(".modal-title").text("New Project");
$(".modal-body").text("Project submitted Successfully");
}
},
failure: function (errMsg) {
alert(errMsg);
}
});
}
我的尝试：
What I have tried:
Design Page:<pre lang="HTML">
<pre><div class="form-group">
<div class="col-md-9 col-sm-9 col-xs-12 col-md-offset-3">
<input type="hidden" id="uploads" />
<input type="button" id="btnSubmitfile" class="btn btn-success" data-toggle="modal" value="Create" data-target=".bs-example-modal-sm" />
<!-- Small modal -->
<div id="exitappname1" tabindex="-1" role="dialog" aria-hidden="true" style="display: none;">
<div class="modal-dialog modal-sm">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
<h4 class="modal-title" id="myModalLabel2">Payment Details</h4>
</div>
<div class="modal-body">
<p>Payment approved</p>
</div>
<div class="modal-footer">
<button type="button" onclick="location.href = '/TEST/Dash/';" class="btn btn-default" data-dismiss="modal">ok</button>
</div>
</div>
</div>
</div>
<!-- /modals -->
</div>
</div>
JS：
JS:
$(document).ready(function () {
$("#btnSubmitfile").click(function (e) {
submitfile();
}
}
function submitfile() {
var RMReg = new Array();
RMReg[0] = ProjectName;
RMReg[1] = CustID;
RMReg[2] = projecttype;
$.ajax({
type: "POST",
url: '/TEST/proreport/',
dataType: "json",
contentType: "application/json; charset=utf-8",
data: JSON.stringify({ CRMReg: CRMReg }),
success: function (json) {
if (json.flag == "False") {
//$("#exitappname").modal('show');
$("#exitappname1").addClass("modal fade bs-example-modal-sm");
$(".modal-title").text("New Project");
$(".modal-body").text("Project Already Exist");
}
else {
$("#exitappname1").addClass("modal fade bs-example-modal-sm");
$(".modal-title").text("New Project");
$(".modal-body").text("Project submitted Successfully");
}
},
failure: function (errMsg) {
alert(errMsg);
}
});
}
推荐答案
（document）.ready（function（）{
(document).ready(function () {
（＃btnSubmitfile）。click（function（e）{
submitfile（）;
}
}
function submitfile（）{
var RMReg = new Array（）;
RMReg [0] = ProjectName;
RMReg [1] = CustID;
RMReg [2] = projecttype;
("#btnSubmitfile").click(function (e) { submitfile(); } } function submitfile() { var RMReg = new Array(); RMReg[0] = ProjectName; RMReg[1] = CustID; RMReg[2] = projecttype;
.ajax（{
类型：POST，
url：'/ TEST / proreport /'，
dataType：json，
contentType：application / json; charset = utf-8，
数据：JSON.stringify（{CRMReg：CRMReg}），
成功：函数（json）{
if（json.flag ==False） {
//
.ajax({ type: "POST", url: '/TEST/proreport/', dataType: "json", contentType: "application/json; charset=utf-8", data: JSON.stringify({ CRMReg: CRMReg }), success: function (json) { if (json.flag == "False") { //
这篇关于弹出消息在第一次单击时不起作用。它适用于第二次单击按钮单击的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
