Javascript 如何从滑块中删除html代码?
嗨,这是我的图像滑块的标记Javascript 如何从滑块中删除html代码?,javascript,php,html,css,Javascript,Php,Html,Css,嗨,这是我的图像滑块的标记 <div role="main"> <div class="slideshow cycle-slideshow home-listings-slider" data-cycle-timeout="10000" data-cycle-auto-height="container" data-cycle-log="false" data-cycle-slides="div.slide" data-cycle-fx="scrollHorz" dat
<div role="main">
<div class="slideshow cycle-slideshow home-listings-slider" data-cycle-timeout="10000" data-cycle-auto-height="container" data-cycle-log="false" data-cycle-slides="div.slide" data-cycle-fx="scrollHorz" data-pause-on-hover="true">
<div class="cycle-prev direction"><i class="fa fa-chevron-left"></i></i></div>
<div class="cycle-next direction"><i class="fa fa-chevron-right"></i></div>
<div id="pager" class="cycle-pager"></div>
<?php
$images = get_option('homepage_images');
$image_url = get_option('siteurl').'/wp-content/uploads/slideshow/';
foreach($images as $image){ ?>
<div class="slide">
<figure>
<a href="<?php echo $image['link']; ?>" style="background-image: url(<?php echo $image_url . $image['large']; ?>)"></a>
<span class="overlay-text"><?php echo $image['text']; ?></span>
</figure>
</div>
<?php } ?>
底部有导航点的部分是(在上面的代码中也是如此)
系统会在运行时自动将代码填充到该文件中,但当它填充时,我们会得到该文件
<span class="cycle-pager-active">•</span>
•
div中的点真的扼杀了这个样式,我如何使用PHP、JavaScript、HTML、CSS在前端删除它?任何帮助都将不胜感激
干杯
卢克这是一个简单的解决办法
.cycle pager active{溢出:隐藏;}
这绝对有效
完整代码:
。主页列表滑块。循环寻呼机span:悬停,
.主页列表滑块.循环寻呼机span.cycle-pager-active{
背景:#fff;
溢出:隐藏;
文本缩进:-99px;
}
要删除的内容,请将其添加到页面页脚的某个位置(关闭
之前即可):
这将清空所有元素,类cycle pager处于活动状态
Easy使用此css代码:.cycle pager处于活动状态{display:none;}
@Luke Simple fix.cycle pager active{溢出:隐藏;}
。我跟你赌1000美元。你先生@PraveenKumar真了不起。这里只有一颗星星。其他答案有一个勾号??我在你的底部答案上加了一个勾号:)。干杯谢谢,我现在就试试。如果有用的话,告诉我。如果不是,这意味着它运行得太快,需要延迟一点。如果需要的话,我会调整它。不,没什么,我把它放在了更新后的页脚线上。请现在试一试。如果它仍然不工作,增加1000
(这是延迟函数执行的时间,单位为毫秒),这很奇怪。恐怕您需要为您的问题创建一个链接,或者(考虑到您刚刚开始),提供一个指向实例的链接,以便我们可以查看?大多数情况下,在无法检查的情况下修复bug是不可能的。
<span class="cycle-pager-active">•</span>
<script type="text/javascript">
setTimeout( function() {
document.querySelectorAll('.cycle-pager-active').innerHtml = "";
}, 1000);
</script>
$(document).on('load', function(){
$('.cycle-pager-active').html('');
})