jquery .remove()有效,但.hide()不行

时间:2017-03-28 17:29:22

标签: jquery hide show-hide

我希望在横幅有效时隐藏div。但我似乎无法通过使用jquery hide()来影响它只有当我删除()div id时才有效。这就是我在做的事情:

if (event.slot.getAdUnitPath() === '/1025113/main-300x600' && !event.isEmpty) {
  var $divtohide = jQuery('#ad-replace-card-tag-half-page');
  var $pub = jQuery('.grid-block--flex-column');

  $divtohide.hide();
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="ad-replace-card-tag-half-page" class="mrec-to-card" style="display: block;">

当我执行hide();

时,它还会添加一个display:block

3 个答案:

答案 0 :(得分:0)

你总是可以尝试:

$divtohide.css('visibility', 'hidden');

答案 1 :(得分:0)

.hide()应该可以工作(你已经知道)和.remove()完全删除元素,而不管你在该元素上执行的任何其他脚本。我会检查以确保代码中某处的$ divtohide上没有任何其他冲突的脚本。

答案 2 :(得分:0)

.hide()方法应该添加display none,与你在最后一个音符中提到的显示块相反。这很奇怪,在你有一个改变样式的冲突脚本

之前永远不会发生