javascript on单击回发后不起作用

Question

我正在使用 ASP.NET，Bootstrap和jQuery来显示和编辑数据。

数据由 ASP.NET 代码搜索和返回，该代码后面更新更新数据控件周围的更新面板。

我在更新面板外有一个 HTML 按钮，它将引导选项卡从选项卡 (0) 移动到选项卡 (1)。

如果我在搜索数据之前按下按钮，则会触发 onclick 事件，并收到警告，指出我尚未完成所有必需的数据。

如果我搜索数据并更新更新面板，则不会触发 onclick 事件。

如果我单击页面上的任意位置，然后按按钮，则 onclick 事件将触发并移动到下一个选项卡。

在 Chrome 中，即使更新面板更新后，onclick 事件也会正确触发。

我在 html 的顶部有以下内容来设置 jQuery 函数：

<script type="text/jscript" language="javascript">
$(document).ready(startUp);
</script>

javascript在一个单独的文件中，我认为这不会引起问题。

function firstButtonClick(move) {
if (move = 1) {
$(".nav-tabs > .active").next("li").find("a").trigger("click");
}

}

我添加了参数以停止更新后运行的代码，以便用户可以实际更新它。

这是选项卡和按钮以及更新面板的代码：

<div id="mnuSupporterDetails" class="tab-pane fade in active">
<div class="panel panel-default">
<div class="panel-heading">
<div class="row">
<div class="col-lg-3">
Supporter Details
</div>
<div class="col-lg-8">
<div class="row">
<div class="pull-right">
<%--<a class="btn btn-default btnPrevious">Previous</a> --%>
<a class="btn btn-success" onclick="firstButtonClick(1)">Next</a>
</div>
</div>
</div>
<div class="col-lg-1">
</div>
</div>
</div>
<div class="panel-body">
<asp:UpdatePanel ID="uppContactDetails" runat="server" UpdateMode="Conditional">
<ContentTemplate>
<script type="text/javascript">
Sys.Application.add_load(firstButtonClick(0)); 
</script>
<div class="row">
<div class="col-lg-3">
</div>
<div class="col-lg-6">
<div class="row">
<label for="inpSupporterNumber">
Supporter Number:</label>
<div class="input-group">
<input type="text" class="form-control summary" runat="server" id="inpSupporterNumber"
placeholder="Supporter Number" maxlength="10" />
<span class="input-group-btn">
<button class="btn btn-primary" id="btnSearchContacts" runat="server" type="submit">
Search</button>
</span>
</div>
<label for="inpTitle">
Title:</label>
<input type="text" class="form-control summary" runat="server" id="inpTitle" placeholder="Title"
required="true" maxlength="50" />
<label for="inpForename">
Forename:</label>
<input type="text" class="form-control summary" runat="server" id="inpForename" placeholder="Forename"
required="true" maxlength="30" />
<label for="inpSurname">
Surname:</label>
<input type="text" class="form-control summary" runat="server" id="inpSurname" placeholder="Surname"
required="true" maxlength="30" />
<label for="inpAddressLine1">
Address:</label>
<%--<div class="input-group">--%>
<input type="text" class="form-control summary" runat="server" id="inpAddressLine1"
placeholder="Address Line 1" required="true" maxlength="60" />
<%--<span class="input-group-btn">--%>
<%--<button class="btn btn-primary" id="btnQAS" type="button" data-toggle="modal" data-target="#mdlQAS">--%>
<%--&nbsp<i class="glyphicon glyphicon-home"></i>--%>
<%--</button>--%>
<%--</span>--%>
<%--</div>--%>
<label for="inpAddressLine2">
</label>
<input type="text" class="form-control summary" runat="server" id="inpAddressLine2"
placeholder="Address Line 2" maxlength="35" />
<label for="inpAddressLine3">
</label>
<input type="text" class="form-control summary" runat="server" id="inpAddressLine3"
placeholder="Address Line 3" maxlength="35" />
<label for="inpAddressLine4">
</label>
<input type="text" class="form-control summary" runat="server" id="inpAddressLine4"
placeholder="Address Line 4" maxlength="35" />
<label for="inpAddressLine5">
</label>
<input type="text" class="form-control summary" runat="server" id="inpAddressLine5"
placeholder="Address Line 5" maxlength="35" />
<label for="inpPostCode">
Post Code:</label>
<input type="text" class="form-control summary" runat="server" id="inpPostCode" placeholder="Post Code"
required="true" maxlength="8" />
<label for="inpCountry">
Country:</label>
<input type="text" class="form-control summary" runat="server" id="inpCountry" placeholder="Country"
maxlength="42" />
</div>
<div class="row">
<div class="form-group">
<label for="inpTelephoneNumber">
Telephone Number:</label>
<input type="text" class="form-control summary" runat="server" id="inpTelephoneNumber"
placeholder="Phone Number" maxlength="20" />
<label for="inpEmailAddress">
EMail Address:</label>
<input type="text" class="form-control summary" runat="server" id="inpEmailAddress"
placeholder="EMail Address" maxlength="100" />
</div>
</div>
</div>
<div class="col-lg-3">
</div>
</div>
</ContentTemplate>
</asp:UpdatePanel>
</div>
<div class="panel-footer">
<div class="row">
<div class="col-lg-3">
</div>
<div class="col-lg-8">
<div class="row">
<div class="pull-right">
<a class="btn btn-success btnNext">Next</a>
</div>
</div>
</div>
<div class="col-lg-1 ">
</div>
</div>
</div>
</div>
</div>

任何帮助将不胜感激。

肖恩

Answer 1

您是否清除了缓存？因为有时Javascript可以在Chrome中徘徊并做一些奇怪的事情。

干杯 绝对不是苹果电脑

我接受道歉。