Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/php/256.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何从滑块中删除html代码?_Javascript_Php_Html_Css - Fatal编程技术网

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('');
})