我在jquery easyui multitab中添加了一些用户输入字段。要将用户输入字段存储到数据库中,我也添加了提交按钮。但是没有发生按钮点击事件,而是提交按钮可用的当前选项卡重定向到单击事件的主页选项卡。这是我已添加到multitab当前选项卡中的用户输入表单。
<div id="Reservationuserform" class="panel panel-primary" style=" margin:-10px; display:none;margin-left:-16px; margin-top:-15px; margin-right:-16px;">
<div class="panel-heading">
<h3 class="panel-title">Reservation</h3>
</div>
<div class="panel-body">
<button type="submit" id="reserve" class="btn btn-primary pull-right" >Reserve</button>
<br />
<br />
<div class="row">
<div class="col-md-3">
<label for="Booking Id">Booking Id</label>
<input type="BookingId" id="1" placeholder="Enter Booking Id">
</div>
</div>
</div>
这是点击事件..
$("#reserve").click(function () {
alert("hello");
});
但问题是我没有得到任何警告信息.. 请帮助我获得正确的点击事件。谢谢..
答案 0 :(得分:0)
错过了最后/最多的结束div标签。正确的HTML代码应该是这样,
<div id="Reservationuserform" class="panel panel-primary"
style="margin:-10px; margin-left:-16px; margin-top:-15px; margin-right:-16px;">
<div class="panel-heading">
<h3 class="panel-title">Reservation</h3>
</div>
<div class="panel-body">
<button type="submit" id="reserve" class="btn btn-primary pull-right" >Reserve</button>
<br />
<br />
<div class="row">
<div class="col-md-3">
<label for="Booking Id">Booking Id</label>
<input type="BookingId" id="1" placeholder="Enter Booking Id" />
</div>
</div>
</div>
</div>
$("#reserve").click(function () {
alert("hello");
});
由于您将最大的div样式设置为display:none。所以一切(包括保留按钮)都是隐藏的。