javascript - 只想在 wordpress 中使用 jQuery 在主页上加载弹出窗口

Question

我正在 WordPress 中创建一个弹出式插件。在我的插件中，每个页面都会打开一个弹出窗口，但我只想在主页上显示它。

我知道如何在 PHP 中获取它，但不知道如何在 jQuery 中获取主页 url。

setTimeout(function(){
    if($.cookie('SFPopup') == null){
        $('#sfp_Modal').modal('show');
    }else{          
        $('#sfp_Modal').modal('hide');
    }
}, 3000); 

这就是我使用 cookie 条件显示弹出窗口的方式，但我也想只在主页而不是内页上显示它。

这是我的工作代码

<?php
function sf_display_popup(){
if (is_front_page() == true) {
?>
<script>
    jQuery(document).ready(function($) {
            $.cookieBar();
                setTimeout(function(){
                     //var site_url = '<?php echo home_url(); ?>';

                    if($.cookie('SFPopup') == null || $('body').hasClass('home')){
                        // alert(site_url);
                            $('#sfp_Modal').modal('show');
                        }else{          
                            $('#sfp_Modal').modal('hide');
                        }
                }, 3000); 

        });

</script>
<?php
    }
}
?>

Answer 1

尝试为类(class)家庭检查 body 。如果 body 有 home 类，它就是主页。

if ($('body').hasClass('home')) { // show pop up }