单击事件在jquery easyui多选项卡中不起作用

Click event is not working inside jquery easyui multi tab

本文关键字：选项 不起作用 easyui 事件 jquery 单击      更新时间：2023-09-26

我在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");
 });

但问题是我没有收到任何提醒信息。。请帮助我获得正确的点击事件。谢谢。

缺少最后一个/最多一个结束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。因此，所有内容（包括"保留"按钮）都被隐藏。

FIDDLE

相关文章：