小编use*_*759的帖子

我有以下锚标记:

<a href="#" onclick="launchFullscreen(document.documentElement);">Full-screen</a>

其中使用了我从教程中收集的以下代码行:

<script>
    // Find the right method, call on correct element
    function launchFullscreen(element) {
        if (element.requestFullscreen) {
            element.requestFullscreen();
        }
        else if (element.mozRequestFullScreen) {
            element.mozRequestFullScreen();
        }
        else if (element.webkitRequestFullscreen) {
            element.webkitRequestFullscreen();
        }
        else if (element.msRequestFullscreen) {
            element.msRequestFullscreen();
        }
    }

    function exitFullscreen() {
        if (document.exitFullscreen) {
            document.exitFullscreen();
        }
        else if (document.mozCancelFullScreen) {
            document.mozCancelFullScreen();
        }
        else if (document.webkitExitFullscreen) {
            document.webkitExitFullscreen();
        }
        else if (element.msExitFullscreen) {
            element.msExitFullscreen();
        }
    }

    function dumpFullscreen() {
        console.log("document.fullscreenElement is: ", document.fullscreenElement || document.mozFullScreenElement || document.webkitFullscreenElement …

我使用的WordPress 3.9和WooCommerce 2.1.8,并想知道我怎么可以显示用户当前正在查看四个相关帖子单行,这是相对于标签或标签的帖子,而不是分类它在...

理想情况下,我想显示与我的单个产品页面底部当前正在查看的项目标签相关的四种产品,具体来说,每个相关帖子的特色图片或缩略图以及价格.如果可能,还可以从functions.php文件编写一个解决方案.

下面的代码是我到目前为止,它显示的是相关的帖子类别,而不是它所基于的标签:

    add_action( 'woocommerce_after_single_product_summary', 'woocommerce_output_related_products', 20);

    function woocommerce_output_related_products() {
        $output = null;

        ob_start();

        woocommerce_related_products(array(
            'columns' => 4, 
            'posts_per_page' => 4,
            'post_type' => 'product',
            'fields' => 'ids',
            'meta_query' => $meta_query,
            'tax_query' => array(
               'relation' =>  'AND',
                 array(
                    'taxonomy' => 'product_cat',
                    'field' => 'id',
                    'terms' => $cats_array
                ), 
                array(
                    'taxonomy' => 'product_tag',
                    'field' => 'id',
                    'terms' => $tags_array
                )
            )
        )); …

我使用slick.js库并在我的网页上有以下代码行,这将允许我随机化轮播中幻灯片的顺序.

的JavaScript/jQuery的:

$('.qa').on('init', function(event, slick, currentSlide, nextSlide) {
    // Randomize the slides and then run slick slider
    $.fn.randomize = function(selector) {
        var $elems = selector ? $(this).find(selector) : $(this).children(),
        $parents = $elems.parent();

        $parents.each(function() {
            $(this).children(selector).sort(function(){
                return Math.round(Math.random()) - 0.5;
            }).detach().appendTo(this);
        });

        return this;
    };

    $('.qa').find('.slick-track').randomize('.slick-slide');
});

由于我对JavaScript/jQuery不是很熟悉,除了最后一个(按顺序排列)之外,我怎样才能将幻灯片的顺序随机化(当前它的顺序)？

我有以下jsFiddle,并希望在每个不同颜色的#div部分中放置一些内容.

但是,当我尝试这样做时,信息超出了已分配的空间,如此 jsFiddle中所示.

我怎么能做到这一点？