jquery - 如果页面中存在其他两个类之一，则删除特定类的一个元素

Question

我有一个处理视频的 Drupal 站点。视频处理成功后，视频将填充在正确的页面中，旁边会显示一些社交媒体链接。但是，当视频正在进行转码或转码失败时，系统会在视频最终显示的同一页面上提供消息，并显示这些社交链接，尽管还没有任何值得分享的内容。我想删除它们。

处理视频时，会显示一条消息，其中包含 .video-inprogress 类。当它失败时，它会显示一个带有 .video-conversion-failed 类的 div。我想针对这两个目标，并在存在时完全删除社交链接 div (.service-links)。

这是我尝试使用的代码；它默默地失败了:

if (jQuery('.video-inprogress, .video-conversion-failed').length) {
  jQuery('.service-links').remove();
};

有什么关于我做错了什么的指示吗？ (我使用“jQuery”而不是“$”来解决此站点中存在的另一个冲突，该冲突是我继承的，并且很好地包含了无关的 JS 和 jQuery 代码。)

Answer 1

尝试将代码放入文档就绪处理程序中:

(function($){
   $(document).ready(function(){
      if ($('.video-inprogress, .video-conversion-failed').length) {
           $('.service-links').remove();
      };
   })
})(jQuery)