Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/419.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/clojure/3.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 我的站点如何将特定类分配给div?_Javascript_Html_Css_Wordpress_Class - Fatal编程技术网

Javascript 我的站点如何将特定类分配给div?

Javascript 我的站点如何将特定类分配给div?,javascript,html,css,wordpress,class,Javascript,Html,Css,Wordpress,Class,我的网站上有这个页面(我从另一个开发者那里继承了这个页面)—— 如果你向下滚动经过粉色条带,你将看到“我们的工作”部分。这是一个公文包自定义帖子类型 目前,实现这些目标的代码如下: <section id="scroll-target" class="wrapper"> <?php $portfolio_args = array( 'post_type' => 'portfolio',

我的网站上有这个页面(我从另一个开发者那里继承了这个页面)——

如果你向下滚动经过粉色条带,你将看到“我们的工作”部分。这是一个公文包自定义帖子类型

目前,实现这些目标的代码如下:

    <section id="scroll-target" class="wrapper">

        <?php
        $portfolio_args = array(
            'post_type' => 'portfolio',
            'portfolio-category' => get_field('category_to_show'),
            'posts_per_page' => -1
        );

        $portfolio = new WP_Query($portfolio_args);

        while($portfolio->have_posts()) {
            $portfolio->the_post();
            $post = new SeedPost(get_the_ID());
            $post->display(true);
        }
        wp_reset_query();
        ?>



    </section>

公文包项显示为“item--two”类实现的一行中的两个

我希望通过将每个项目的类更改为“item--three”来以3行的形式显示这些项目,当我在浏览器中编辑它时,它会起作用

问题是,我找不到这个类在我的代码中分配的位置!我在浏览器中看到了它,但正如您从顶部的代码中看到的,那里没有类

我已经检查了e.js文件,看看是否可以看到它被动态分配,但我根本看不到它在哪里。。。有人有什么想法吗

更新

我想它可能是从这里来的,但我不确定在哪里改变,以改变投资组合显示在三列

<?php

class SeedPost {

    public $post_id;
    public $post_type;

    function __construct($post_id) {
        $this->post_id = $post_id;
        $this->post_type = get_post_type($this->post_id);
    }

    function display($twocol = false) {
        global $post;

        $post = get_post($this->post_id);

        $cols = $twocol ? 'two' : 'three';

        setup_postdata($post);

        if($this->post_type == 'portfolio') {
            $overlay_class = 'item__overlay--portfolio';
        } else {
            $overlay_class = 'item--cat-' . SeedHelpers::first_category();
        }
        ?>
        <div class="item item--<?php echo $cols; ?>">
            <?php
            if(has_post_thumbnail()) {
                the_post_thumbnail('news-archive', array('class' => 'item--three__child'));
            }
            ?>
            <a href="<?php the_permalink(); ?>">
                <div class="item__overlay <?php echo $overlay_class; ?>">
                    <span class="item__cat-title item__cat-title--overlay"><?php echo SeedHelpers::first_category($this->post_type); ?></span>
                    <h4 class="item__title"><?php the_title(); ?></h4>
                    <div class="item__brief">
                        <?php the_excerpt(); ?>
                    </div>

                    <p class="item__link"> Read </p>
                </div>
            </a>
        </div>
        <?php
        wp_reset_postdata();
    }

    static function load_more() {
        if(!isset($_GET['load_more_posts'])) {
            return;
        }

        check_ajax_referer('load_more_posts', 'load_more_posts');

        $offset = sanitize_text_field($_GET['offset']);
        $posts_per_page = get_option('posts_per_page');

        $query_args = array(
            'post_type' => 'post',
            'offset'    => $offset
        );

        $posts = new WP_Query($query_args);

        ob_start();

        while($posts->have_posts()) {
            $posts->the_post();
            $post = new SeedPost(get_the_ID());
            $post->display();
        }

        $output = ob_get_contents();
        ob_end_clean();

        $posts_used = (int)$offset + (int)$posts_per_page;
        $remaining = $posts->found_posts > $posts_used ? $posts->found_posts - $posts_used : 0;

        $response = array(
            'posts_remaining' => $remaining,
            'html'            => $output
        );

        echo json_encode($response);
        die();
    }

}


您可以添加自己的新

.item--three {
    width: 33.3%;
    float: left;
}

您可以添加自己的新

.item--three {
    width: 33.3%;
    float: left;
}

也许这个类是动态构造的,所以搜索“item”、“item-”和“three”,也搜索SeedPost php类,这些项是在那里生成的

另一个(不推荐的解决方案…)是覆盖该项——容器类中的两个属性,并将该类添加到您的案例中的项的父级以滚动目标部分

.custom-container .item--two{
width:33.3% !important;

}

也许这个类是动态构造的,所以搜索“item”、“item-”和“three”,也搜索SeedPost php类,这些项是在那里生成的

另一个(不推荐的解决方案…)是覆盖该项——容器类中的两个属性,并将该类添加到您的案例中的项的父级以滚动目标部分

.custom-container .item--two{
width:33.3% !important;

}

在节块中,修改传递给
$post->display()
的参数:

然后,
SeedPost
类上的
display()
方法将构建所需的标记。这是在
SeedPost()类的以下行中设置的:

$cols = $twocol ? 'two' : 'three';
…这意味着如果$twocol为true,则将$cols设置为'two',如果$twocol为false,则将$twocol设置为'three'


希望这有帮助。

在您的节块中,修改传递给
$post->display()
的参数:

然后,
SeedPost
类上的
display()
方法将构建所需的标记。这是在
SeedPost()类的以下行中设置的:

$cols = $twocol ? 'two' : 'three';
…这意味着如果$twocol为true,则将$cols设置为'two',如果$twocol为false,则将$twocol设置为'three'



希望这能有所帮助。

.item——公文包上已经有三个,主页上正在浏览的新闻项目:-我只是不知道它是从哪里分配来的。。。由于它已经存在,我不想用一个新类覆盖我-我需要了解它是…@ShaunTaylor:请用.item--threeHi替换class.item--two-这就是我试图做的,@Subodh但我不知道类在哪里,因为它不在公文包代码中这是样式。cssI知道样式在样式表中,但是在div上没有课。这是我正在寻找答案的问题。item--3个已经存在于公文包中,而主页上的新闻项目也已经完成:-我只是不知道它是从哪里分配的。。。由于它已经存在,我不想用一个新类覆盖我-我需要了解它是…@ShaunTaylor:请用.item--threeHi替换class.item--two-这就是我试图做的,@Subodh但我不知道类在哪里,因为它不在公文包代码中这是样式。cssI知道样式在样式表中,但是div上没有类。这是我正在寻找答案的问题。嗨,检查
SeedPost
类中发生了什么-具体地说,就是类的
display()
方法。我猜这个类是在重复你需要修改的标记。谢谢-我刚刚用一个文件更新了这个问题,我想我也缩小了范围。。。它看起来像在里面吗?我可以看到二,三,等等!!您好,请检查
SeedPost
类中发生了什么,特别是类的
display()
方法。我猜这个类是在重复你需要修改的标记。谢谢-我刚刚用一个文件更新了这个问题,我想我也缩小了范围。。。它看起来像在里面吗?我可以看到二,三,等等!!谢谢-我刚刚用一个文件更新了这个问题,我想我也缩小了范围。。。它看起来像在里面吗?我可以看到二,三,等等!!谢谢-我刚刚用一个文件更新了这个问题,我想我也缩小了范围。。。它看起来像在里面吗?我可以看到二,三,等等!!没问题…顺便说一句,网站不错!谢谢-它快到了!:)没问题…顺便说一句,网站不错!谢谢-它快到了!:)请给我解释一下。