我正在尝试将 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() 但肯定我遇到了同样的问题并且它没有添加文件,因为脚本代码包含双引号和单引号,而它被包裹在单引号中
最佳答案
您需要添加代码以将标记注入(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)到正文的末尾。
关于javascript - 根据页面宽度将javascript文件添加到wordpress页脚,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28125742/