How to add JS in footer

时间：2017-10-26 作者：Pipoo

我在页脚中添加了代码。php就在之前，但代码没有执行。我知道最好使用函数。php，但我现在想这样测试。。。谁能帮帮我吗？谢谢

<script type="text/javascript">
   window.onload = function () {  
        jQuery(document).ready(function(){ console.log(\'insider\');
            var alphabeticallyOrderedDivs = $(\'.team-member\').sort(function(a, b) {     
                return  String.prototype.localeCompare.call($(a).data(\'lastname\').toLowerCase(), 
                $(b).data(\'lastname\').toLowerCase()); 
    });
    var container = $(\'.ulcontainer\');
    container.detach().empty().append(alphabeticallyOrderedDivs);
    $(\'body\').append(container);})
   }(jQuery);

</script>

1 个回复
SO网友:Johansson

通过使用wp\\u enqueue\\u script（）

可以将脚本添加到JS文件中，然后将其正确排队。我想您已经将脚本添加到file.js. 下面是如何在页脚中将其排队：

add_action(\'wp_enqueue_scripts\',\'my_script_callback\');
function my_script_callback(){
    wp_enqueue_script(
        \'my-script\',
        get_template_directory_uri().\'/folder/file.js\',
        array(jquery),
        null,
        true
    );
}
中的最后一个参数wp_enqueue_script() 确定脚本是否应在页脚中排队。

第三个参数是可选的，是一组依赖项。

通过使用wp_footer()

您也可以直接在页脚中打印脚本，这并不总是最好的主意。但是，这是您的操作方式：

function my_script() { ?>
    <script type="text/javascript">
        // Your code here
    </script><?php
}
add_action( \'wp_footer\', \'my_script\' );
并不是说您必须等待jQuery在这种方法中就绪。如果jQuery尚未排队，可以使用以下方法排队：

add_action( \'wp_head\' , \'enqueue_jquery\' )
function enqueue_jquery() {
    wp_enqueue_script( \'jquery\' );
}

结束
标签： javascript   footer   小码农  

相关推荐

Footer Missing in website

H仅我的网站中缺少我的页脚http://www.ubtechszone.com.I 我使用蜘蛛侠主题。请尽快帮助我。。