Как использовать мета-правило @run-at document-start

Question

Я использую

Jquery(window).load(function(){
          // here is my code to make AJAX request to fetch data from DB
}); 

Но это не работает в Chrome. Для этого, когда я искал в форуме, по этой ссылке я нашел решение, которое использует мета-правило @ run-at document-start в вашем скрипте

Но я не понимаю, как это реализовать. Можете ли вы привести один пример?

Вот мой фактический код:

<aui:script>
    function getBacklogData() {
        alert('getBacklogData');
        try{
            var url = '<%=resourceURL %>';
            var A = AUI();
            A.io.request(url,
            {
            data:{
                <portlet:namespace  />CMD:'Backlog',
            },
            type: "POST",
            dataType:'json',
            on: {
                success: function(event, id, obj) {
                    var instance = this ;
                    var data = instance.get('responseData');
                    for (var j=0; j < data.length; j++) {
                        var backlog_id=data[j].backlog_id;
                        var title=data[j].title;
                        var feature_id=data[j].feature_id;
                        var vision_id=data[j].vision_id;
                        var description=data[j].description;
                        var status_id=data[j].status_id;
                        var priority_id=data[j].priority_id;
                        var rank=data[j].rank;
                        var isActive=data[j].isActive;
                        var created_by_id=data[j].created_by_id;
                        var created_on=data[j].created_on;
                        var modified_by_id=data[j].modified_by_id;
                        var modified_on=data[j].modified_on;
                        jQuery('#backlogDiv').append("<li index='"+backlog_id+"' title='"+title+"' id='backlogChild" +j+ "'  ><div class='page foldtl' ><table  style='width:100%'><tr><td style='border:1px solid black;margin-bottom:3px;'>"+title+"<img  src='<%=renderRequest.getContextPath()%>/img/priority.png'  title='"+priority_id+"' style='float: right;width: 15px;cursor:pointer'><img onclick='<portlet:namespace />viewBacklogDetails("+backlog_id+");' src='<%=renderRequest.getContextPath()%>/img/view.png' style='float: right;width: 15px;cursor:pointer' title='View Details'><img onclick='<portlet:namespace />editBacklogPopup("+backlog_id+");' src='<%=renderRequest.getContextPath()%>/img/editform1.png'  title='Edit Backlog' style='float: right;width: 15px;cursor:pointer'><br><img src='<%=renderRequest.getContextPath()%>/img/Flaticon_35767.png' style='float: left;width: 25px;'><span class='status'>"+status_id+"</span><img src='<%=renderRequest.getContextPath()%>/img/clock.png' style='float: left;width: 25px;margin-left: 15px;cursor:pointer'><span  class='status'>"+created_on+"</span><br></td></tr></table></div></li>");   
                    }
                }
            }
        });

        }catch(e){
            alert('error in getBacklogData : ' + e);
        }
    }

    jQuery(window).load(function(){

        getBacklogData();
        size_li = jQuery("#backlogDiv li").size();
        x=parseInt(document.getElementById('noOfRecords').value);
        setTimeout(function () {
            jQuery('#backlogDiv li:lt('+x+')').show();
        }, 500);
        alert('window.load() method');
    });
</aui:script>

Answer 1

Вы позиционируете этот вызов jQuery в <aui:script> блок. Поскольку он не использует слишком необычную функциональность jQuery, не будет ли проще реализовать это в AlloyUI? Проверьте Розеттский Камень для простого перевода между ними.

Кроме того, убедитесь, что ваша страница действительно содержит jQuery. В качестве альтернативы используйте yQuery, что делает jQuery доступным в YUI и AlloyUI.