Question

我的ajax代码没有使用以下类型的代码捕获.click事件，其中我尝试使用view_data捕获.click事件。

<div id="dataModal" class="modal fade">  
      <div class="modal-dialog">  
           <div class="modal-content">  
                <div class="modal-header">  
                     <button type="button" class="close" data-dismiss="modal">&times;</button>  
                     <h4 class="modal-title">Need to Pud ID and Name of Work here..What the....</h4>  
                </div>  
                <div class="modal-body" id="workstatustable"> 
                    <input type="button" name="AMWP/2017-18/1" value="AMWP/2017-18/1" id="AMWP/HQTC/2017-18/1" class="btn btn-info btn-xs view_data">
                    <input type="button" name="AMWP/2017-18/2" value="AMWP/2017-18/2" id="AMWP/HQTC/2017-18/2" class="btn btn-info btn-xs view_data">
                    <input type="button" name="AMWP/2017-18/3" value="AMWP/2017-18/3" id="AMWP/HQTC/2017-18/3" class="btn btn-info btn-xs view_data">                   
                </div>  
                <div class="modal-footer">  
                    <button type="button" class="btn btn-info btn-sm" data-dismiss="modal">Update Status</button>
                    <button type="button" class="btn btn-info btn-sm" data-dismiss="modal">Close</button>
                </div>  
           </div>  
      </div>  
    </div>

我的ajax代码如下： -

$('.view_data').click(function(){  
                var modwork_id = $(this).attr("id");  
                $('#show_modid').html($(this).attr("id")); 
                fetchModal();
            });

function fetchModal() {
                 var modwork_id = $("#show_modid").html();
                 window.alert($("#show_modid").html());
                $('#viewstatus_Modal').modal("show"); 
                $.ajax({      
                    url:"workstatus.php",   
                    method:"POST",      
                    data:{modwork_id:modwork_id},   
                    success:function(data){     
                         $('#workstatustable').html(data);      
                         $('#viewstatus_Modal').modal("show"); 
                    }   
                });
            };

问题是模态窗口没有弹出。

Answer 1

问题出在这里。

你没有正确地声明这个类，因为你在ajax中写的是.view_data和#show_modid

你必须这样做＆gt;＆gt;

    class="modal view_data fade "

所以你可以在你的ajax中使用“.view_data”。并执行此操作＆gt;＆gt;

    "#dataModal"

你的ajax中的

希望这会对你有所帮助。

Answer 2

我得到了问题的解决方案。我试图在页面上声明或找到item / element之前将function（）附加到HTML项目。我在Success：子句中插入了ajax（）调用。该计划现在正在运作。感谢。

Answer 3

得到了......我已经重新定位了ajax（）的位置和它的酷......

function fetchModal() {
                 var modwork_id = $("#show_modid").html();
                 window.alert($("#show_modid").html());
                $('#viewstatus_Modal').modal("show"); 
                $.ajax({      
                    url:"workstatus.php",   
                    method:"POST",      
                    data:{modwork_id:modwork_id},   
                    success:function(data){     
                         $('#workstatustable').html(data);      
                         $('#viewstatus_Modal').modal("show"); 
                         $('.view_data').click(function(){  
                             var modwork_id = $(this).attr("id");  
                             $('#show_modid').html($(this).attr("id")); 
                            fetchModal();
                         });
                        }   
                });
            };

使用类名来捕获.click（）事件

3 个答案: