Question

情景：

当用户点击删除按钮从数据库中删除产品时，它总是询问带有确认消息和删除按钮的bootstrap模型的确认。

所以如果用户点击模型中的删除按钮..产品将从数据库中删除..模型中的消息显示使用ajax成功删除消息...

现在我想隐藏用户点击删除按钮的行。表格的每一行都包含产品详细信息和删除按钮，删除按钮传递产品ID，产品ID从中识别出来使用ajax调用成功删除..

所以为了隐藏我写的这个：

表：

<tr id="<?= $row->id ?>"> //i have passed the product id to a tr.. so that i can hide it..
<td><?= $row->product_name ?></td>
<td>
   <a href="#delete-model" id="delete" role="button" 
      data-toggle="modal" data-id="<?= $row->id ?>">
      delete
   </a>
</td>
</tr>

id =“delete”传递id值以删除ajax调用并成功删除..

ajax成功方法：

  success: function(data) {
     $("#message").html(data.data);
     $('#trId').attr('value', data.trId); //example #productid
      //data.trId is the product id, to identify the tr 
       as i have passed the product id above to a tr as <tr id="<?= $row->id ?>">
   }

现在当用户关闭模型时，我想隐藏用户点击删除按钮的地方。

当用户关闭模型时会触发此事件：

$('#delete-model').on('hidden.bs.modal', function(e) {
        $("#message").text(''); 
        $($("trId").val()).hide();
        $('#trId').attr('value', '');
    });

但它没有按预期工作..任何帮助或建议都会提前得到很大的帮助..

Answer 1

问题出在这一行：

$($("trId").val()).hide();

应该是：

$($("#trId").val()).hide();

隐藏引导模式后隐藏表行

1 个答案: