弹出模式立即消失

Question

输入图片描述

图片显示的是表格中的数据。

我想要的是当我点击视图按钮时，它会弹出模式来显示数据行

我想得到的数据行，并显示在弹出模式。在我添加这个脚本之后，模态将直接弹出并关闭。模态不能显示，模态只显示一秒钟然后直接关闭

脚本代码

$(document).ready(function() {
$('.resetbtn').on('click', function() {
$('#resetmodal').modal('show');
$tr = $(this).closest('tr');
var data = $tr.children("td").map(function() {
return $(this).text();
}).get();
console.log(data);
$('#pass_id').val(data[0]);
});
});

按钮代码

<button type="button" style="border:none; background-color: transparent;" data-toggle="modal" data-target="#resetmodal" class="resetbtn">view<i class="glyphicon glyphicon-asterisk" style="font-size:15px; color:blue;"></i></button> | 

模态代码

<div class="modal fade" id="resetmodal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
<h3 class="modal-title" id="exampleModalLabel"><b>RESET PASSWORD</b></h3>
</div>
<form action="<?php echo $_SERVER['PHP_SELF']; ?>" method="POST">
<div class="modal-body">
<div class="form-group">
<input name="pass_id" id="pass_id" type="text" class="form-control" value="<?php echo $db_pass_id; ?>"></input>
</div>             
<div class="form-group">
<label><b>Password : </b></label> &nbsp;<span class="validation">*</span>
<input name="p_password3" id="p_password3" type="password" class="form-control input-box" onkeypress="return AvoidSpace(event)" onblur="this.value=removeSpaces(this.value);" minlength="6" required></input>
<input type="checkbox" onclick="myFunction3()">&nbsp; Show Password</input>   
</div>
<div class="form-group">
<label><b>Confirm Password : </b></label> &nbsp;<span class="validation">*</span>
<input name="p_password4" id="p_password4" type="password" class="form-control input-box" onkeypress="return AvoidSpace(event)" onblur="this.value=removeSpaces(this.value);" minlength="6" required></input>
<input type="checkbox" onclick="myFunction4()">&nbsp; Show Password</input>            
</div>                                  
</div>
<div class="modal-footer">
<button type="submit" name="reset" class="btn btn-primary">RESET</button>
<button type="button" name="close" class="btn btn-warning" data-dismiss="modal">CLOSE</button>
</div>
</form>
</div>
</div>
</div>

Answer 1

data-target= # resetmode "为你表演/隐藏吗?但是在你的脚本中，你有

$('#resetmodal').modal('show');

换句话说，您使用该脚本显示modal并使用data-target="#resetmodal"隐藏