javascript - 根据页面宽度将javascript文件添加到wordpress页脚

Question

我正在尝试将 js 文件添加到 WordPress 页脚 ID 页面宽度大于

<?php if(is_home()){ ?>
<script type="text/javascript">
$(document).ready(function(){
var wid = $(window).width();
if(wid>970){
<?=
'<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/script.js"></script>
<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/slider.js"></script>'
?>  
}
});
</script>
<?php } ?>

我试过使用 .append() 但肯定我遇到了同样的问题并且它没有添加文件，因为脚本代码包含双引号和单引号，而它被包裹在单引号中

Answer 1

您需要添加代码以将标记注入(inject)到 HTML 中，按如下操作:

<?php if(is_home()){ ?>
<script type="text/javascript">

$(document).ready(function(){
    var wid = $(window).width(),
        scriptName = wid > 970 ? 'script.js' : 'slider.js',
        url = "<?php bloginfo('template_directory'); ?>/js/" + scriptName,
        script = document.createElement( 'script' );
    script.type = 'text/javascript';
    script.src = url;
    $("body").append( script );
});
</script>

它检查页面的宽度，根据它，选择脚本的名称然后将它注入(inject)到正文的末尾。