Javascript jquery选择器显示和隐藏
所以我有两个div,每个div都有一个img,第一个div图像将是一个广告,由广告经理提供,当chromes adblocker阻止这个广告div时,我希望第二个div显示在同一区域。下面是我写的代码,但这似乎不起作用,我想,请帮我解决这个问题 html标记Javascript jquery选择器显示和隐藏,javascript,jquery,html,css,adblock,Javascript,Jquery,Html,Css,Adblock,所以我有两个div,每个div都有一个img,第一个div图像将是一个广告,由广告经理提供,当chromes adblocker阻止这个广告div时,我希望第二个div显示在同一区域。下面是我写的代码,但这似乎不起作用,我想,请帮我解决这个问题 html标记 <div class="iw-300x250-right "> <img class="iw-300x250-img" alt="" border="0" src="http://addmanagerlink/ba
<div class="iw-300x250-right ">
<img class="iw-300x250-img" alt="" border="0" src="http://addmanagerlink/banners/63-1-1444562919.png" width="300" height="250">
<div class="iw-boxy-placeholder">
<img src="imagelink" width="300" height="250">
</div>
</div>
js
代码中存在语法问题,除此之外,我认为您可能需要一个更好的处理程序,因为拦截器可以删除元素,或者它可以在dom就绪后运行
$(document).ready(function () {
var fn = function () {
if (!$('img.iw-300x250-img').length || $('img.iw-300x250-img').is(':hidden')) {
$('.iw-boxy-placeholder img').show();
clearInterval(timer);
}
}
var timer = setInterval(fn, 1000);
fn();
})
检查是否隐藏了第一个div图像,如果是,则显示第二个div图像。@A.Wolff我在想什么?嗨@Arun,当我调整浏览器大小时,.iw长方体占位符img显示出来,并一直保持到我再次刷新页面为止。因此,我修改了代码,但在手动调整浏览器大小时,它仍然没有隐藏placehoder。$(document).ready(function(){var fn=function(){if(!$('iw-300x250-right-768')。length('iw-300x250-right-768')。is('hidden'){$('iw-boxy-placeholder-768 img')。show();clearTimeout(fn,1000);}else{$('.iw-boxy-placeholder-768 img').hide();}}var timer=setInterval(fn);fn();});我就是这样修改的谢谢你的帮助@tushar
$(document).ready(function() {
if ($('img.iw-300x250-img').css('display') == 'none')
{
$('.iw-boxy-placeholder img').css('display') == 'block !important')
});
})
$(document).ready(function () {
var fn = function () {
if (!$('img.iw-300x250-img').length || $('img.iw-300x250-img').is(':hidden')) {
$('.iw-boxy-placeholder img').show();
clearInterval(timer);
}
}
var timer = setInterval(fn, 1000);
fn();
})
$(document).ready(function() {
if ($('img.iw-300x250-img').is(":hidden"))
{
$('.iw-boxy-placeholder img').show();
});
})