Question

我有问题，我的模态和日期选择器，我有表，有一个链接，这个链接显示模态。这是我的代码：

table.find('tbody').on('click', 'td.details-control', function () {
            var code = $(this).find('a').text();
            var modal = $('.bs-modal-lg');
            var modalData = jQuery.parseJSON(ajaxPOST(code,'ajax/'+tblDetail,null,true));

            modal.find('.modal-title').html(modalData.title);
            modal.find('.modal-body').html(modalData.body);
            modal.find('.modal-footer').html(modalData.footer);

            modal.modal('show');
        });

这是我的模态函数：

$('.modal').on('click','button[data-dismiss=modal]',function(){
        $('.modal-title').html('');
        $('.modal-body').html('');
        $('.modal-footer').html('');
    })

我正在显示我的模态，在我的对话框中我有桌子。每个表我有3个输入日期投手，在页脚对话框中我有2个按钮colse并提交。我的问题是，我的模态有点小马车。因此，如果我单击我的按钮或输入datepicker（相同的输入）它根本没有工作，但当我点击另一个输入它将工作，直到我关闭我的对话框，但当我再次重新打开时，仍然像我开的那样，我必须单击另一个输入使其工作（关闭按钮除外）。任何人都可以帮助我吗？

编辑我的模态

<?php

$json = array();

$info = $data["info"]->fetch_assoc();
$info_detail = $data['info_detail'];

//var_dump($info_attachment != '');

$json['title'] = 'Details Request Kontrabon';
$json['body'] = '<div class="row">
                    <div class="col-sm-6">
                        <div class="col-sm-4 text-right">Request Number :</div>
                        <div class="col-sm-6 detail-no-req">'.$info['noreqvendor'].'</div>
                    </div>
                </div>';
$json['body'] .= '<div class="row">
                    <div class="col-sm-6">
                        <div class="col-sm-4 text-right">Request Date :</div>
                        <div class="col-sm-6">'.$info['eordate'].'</div>
                    </div>
                </div>';



$json['body'] .= '<div class="row">
                    <div class="col-sm-12" style="margin-top: 10px;margin-bottom: 10px;">
                    <form>
                    <table class="table table-bordered table-responsive" id="tbl_podet">
                        <thead>
                            <tr>
                                <th width="10%">Item Description</th>
                                <th width="10%">Color</th>
                                <th width="10%">Size</th>
                                <th width="10%">PI Qty</th>
                                <th width="10%">PI Date</th>
                                <th width="10%">ETD</th>
                                <th width="10%">ETA</th>
                            </tr>
                        </thead>
                        <tbody>';


$iamount = 0;
$iQtyShip = 0;
$iCost = 0;
$iCosting = 0;
while($row = $info_detail->fetch_assoc()) {

    $json['body'] .= '<tr>';
    $json['body'] .= '<td>'.$row['itemdesc'].'</td>';
    $json['body'] .= '<td>'.$row['colorcode'].'</td>';
    $json['body'] .= '<td>'.$row['size'].'</td>';
    if($row['Qty']==0)
    {
        $disable = 'disabled';
    }
    else
    {
        $disable = '';
    }
    $json['body'] .= '<td class="text-right">
                           <input type="text" onkeypress="return event.charCode >= 48 && event.charCode <= 57" class="form-control input-lg" value="'.$row['Qty'].'" '.$disable.'>
                      </td>';
    $json['body'] .= '<td class="text-right">
                            <div class="form-group">
                                <input class="form-control format-datepicker" id="pidate" style="z-index:99999;" type="text" value="'.$row['PIDate'].'">
                            </div>
                      </td>';
    $json['body'] .= '<td class="text-right">
                            <div class="form-group">
                                <input class="form-control format-datepicker" id="ETD" style="z-index:99999;" type="text" value="'.$row['ETD'].'">
                            </div>
                      </td>';
    $json['body'] .= '<td class="text-right">
                            <div class="form-group">
                                <input class="form-control format-datepicker" id="ETA" style="z-index:99999;" type="text" value="'.$row['ETA'].'">
                            </div>
                      </td>';
    $json['body'] .= '</tr>';

}
$json['body'] .= '</tbody></table></form></div></div>';

$json['footer'] .= '<button type="button" class="btn btn-primary btn-o modal-close pull-left" data-dismiss="modal">
                        close
                    </button>';
    $json['footer'] .= '<button type="button" class="btn btn-primary btn-o modal-confirm" id="checkbtn" data-status="1">
                        Check
                    </button>';
// AND $info['PONo'] == ''

echo json_encode($json);

注意：我正在为此代码使用ajax模式和框架laravel

更新：关闭我想通了，我必须使用$(document).on('focus'来获取活动。

jquery莫代尔和第一个跳跳虎运作良好

0 个答案: