Question

我需要将我的脚本放在body标签之后，以确保我的脚本在加载所有元素后运行。非常感谢你的帮助。

$(document).ready(function() {  
    $(document.body).prepend(
        console.log('test8'); 

        //custom jquery
        if ($('div.fc-bg table').length > 0) {     
            var holiday = ['2016-12-01','2016-12-23','2016-12-30'];
            $.each(holiday, function(i, val) {
                var date = val; //'2016-12-01';
                $('.fc-day-top[data-date='+date+']').addClass('holiday');        
            });     
        } //end of custom jQuery  
    )};
});

提前致谢。

Answer 1

我建议你使用$（document）.ready（）事件来达到这个目的。并且无需在body标签后附加脚本。你可以放在body元素的任何地方。有关详细信息，请参阅此处的文档：https://learn.jquery.com/using-jquery-core/document-ready/

Answer 2

我需要将我的脚本放在body标签之后，以确保我的脚本在加载所有元素后运行。

要确保在脚本运行之前加载所有元素，您需要将<script>...</script>放在文档正文的末尾，就在</body>之前。

对于腰带和括号的方法，也可以使用$(document).ready();，如下所示：

<html>
    <head>
    [... HEAD CODE HERE...]
    </head>

    <body>
    [... BODY CODE HERE...]

    <script>
    $(document).ready(function(){

    [... JQUERY CODE HERE...]

    });
    </script>
    </body>
</html>

Answer 3

使用eventAfterAllRender事件

     eventAfterAllRender:function(){

 //custom jquery
    if($('div.fc-bg table').length > 0 ){     

         var holiday = ['2016-12-01','2016-12-23','2016-12-30'];
            $.each(holiday, function(i, val){
                var date = val;//'2016-12-01';
                 $(".fc-day-top[data-date="+date+"]").addClass('holiday');        

            });     

    } //end of custom jquery


        }

演示：http://codepen.io/anon/pen/ObqVwy

如何在body标签后附加jquery脚本？

3 个答案: