javascript - 如何显示使用 AJAX 动态生成的隐藏元素？

Question

下面的图像元素位于 AJAX 脚本中。该图像是隐藏的，仅在触发ajax后生成，因此当我使用JQuery显示它时，它不起作用，因为该元素尚不存在。

有一个名为 isTouchScreen 的 bool 变量。我正在尝试显示此元素，如果 isTouchScreen 的值为 true。

我是 Javascript 新手，由于隐藏元素是动态生成的，所以我很难显示它。有人可以帮我解决这个问题吗？非常感谢。

我尝试过的:

if(isTouchScreen===true){
   $('.add-item').show();
}

使用AJAX动态生成的图像元素:

<img class="add-item" style="display:none" src="add-item.png">

Answer 1

尝试将条件放入 AJAX 回调中:

$.ajax({
  ...
  success: function() { // This runs if the request was succesful
    var $img = $('<img class="add-item" src="add-item.png">');
    $('yourContainer').append( $img.hide() ); // append and hide by default
    if ( isTouchScreen ) { // true is truthy, no need to compare
      $('.add-item').hide();
    }
  }
})