JQuery显示的奇怪行为-按钮的顺序决定按钮是否显示

我以前从未见过这种行为。在单击行时，JQuery不会显示delete按钮，除非我对html按钮重新排序

我的按钮按所需顺序排列：

<button type="button" id="blog-save" class="green">Save</button>
<button type="button" id="blog-reset">Reset</button>
<button type="button" id="blog-delete" class="red">Delete</button>

我的javascript如下所示：

$('body').on('click', '#blog td:first-child', function(e){
  $("#blog-delete").show();
});

<button type="button" id="blog-delete" class="red">Delete</button>
<button type="button" id="blog-save" class="green">Save</button>
<button type="button" id="blog-reset">Reset</button>

一行就是这样：

<tr id="11">
 <td>left column</td>
 <td>right comumn</td>
</tr>

左列
右社区

当用户单击td行时，AJAX将数据加载到表单中并显示delete按钮。即使我删除AJAX调用，也不会显示按钮，除非我对按钮进行如下重新排序：

$('body').on('click', '#blog td:first-child', function(e){
  $("#blog-delete").show();
});

<button type="button" id="blog-delete" class="red">Delete</button>
<button type="button" id="blog-save" class="green">Save</button>
<button type="button" id="blog-reset">Reset</button>

删除
拯救
重置

而且，这种行为只在Android和iOS移动设备上出现。在FF、Chrome和其他设备上，一切正常

有人知道为什么订单在这里很重要吗？我可以重新排列按钮，但这不是重点，我想知道是什么原因造成的。这是不对的

编辑

我刚刚注释掉了css中的

显示：none

，我可以很好地看到delete按钮。此外，当按钮在css中被注释掉时，我可以添加

$（“#blog delete”）.hide（），按钮将隐藏，但当我单击该行时它不会返回。

'#blog td:first-child'

将使其在
td
下查找第一个孩子，因此代码的其余部分：

$('body').on('click', '#blog td:first-child', function(e){
    $("#blog-delete").show();
});

将到达只显示第一个孩子的位置。
@null，谢谢。我的帖子有一个拼写错误。它已经
显示：无。不过这是个好主意。