Question

我发现some code我想在wordpress网站的单个页面中使用，但我找不到办法。我不是开发人员，而是新手。

我已准备好html和css，但每次页面加载时，我都不知道如何运行此javascript代码到 id 2922 的页面。< / p>

$(function () {
var parent = $("#shuffle");
var divs = parent.children();
while (divs.length) {
    parent.append(divs.splice(Math.floor(Math.random() * divs.length), 1)[0]);
}
});

感谢您的帮助， Thodoris

Answer 1

你可以从jQuery做到这一点。在你的脚本中添加条件以检查body是否具有该页面id的类与page-id-2922相同，如果是，则运行代码。

我已更新您的脚本，请尝试使用它：

$(function () {

    if( $('body').hasClass('page-id-2922') == true ){
        var parent = $("#shuffle");
        var divs = parent.children();
        while (divs.length) {
            parent.append(divs.splice(Math.floor(Math.random() * divs.length), 1)[0]);
        }
    }

});

Answer 2

您可以使用条件将其添加到single.php中，如下所示：

<?php if ( is_page(3318) ) : ?>
    <script type='text/javascript'>
        $(function () {
            var parent = $("#shuffle");
            var divs = parent.children();
            while (divs.length) {
                parent.append(divs.splice(Math.floor(Math.random() * divs.length), 1)[0]);
            }
        });
    </script>
<?php endif; ?>

只有当它是ID为3318的单个帖子时才会在页面上添加escript。

编辑：添加正确答案并更改为正确的ID。

Answer 3

您可以在footer.php中编写此代码[site / wp-content / your-theme / footer.php]

<?php if(get_the_ID()== 2922){ ?>
 <script type='text/javascript'>
        jQuery(function () {
            var parent = jQuery("#shuffle");
            var divs = parent.children();
            while (divs.length) {
                parent.append(divs.splice(Math.floor(Math.random() * divs.length), 1)[0]);
            }
        });
    </script>

或阅读此https://www.tipsandtricks-hq.com/how-to-add-javascript-in-a-wordpress-post-or-page-1845

将特定的JavaScript代码添加到wordpress页面

3 个答案: