Javascript code showing before rendering

Question

So I have a PHP website and I am using a jquery AJAX event to access my database. The problem is when the results are returned I can briefly see the raw javascript code and then it is eventually rendered. Can anyone help by explaining to me why this happens and also how I can fix such a situation.

**************** Edit ***************************

Below is a snippet of where i am adding my javascript code. I do this just before the closing body tag.

    </div>  
    <script src="js/jquery-ui.min.js"></script><!--JQuery UI-->
    <script type="text/javascript" src="js/d3/d3.min.js"></script>
    <script type="text/javascript" src="js/c3/c3.min.js"></script>
    <script language="javascript" type="text/javascript" src="js/jquery-2.1.3.min.js"></script>
    <script language="javascript" type="text/javascript" src="js/lib/bootstrap.js"></script>
    <script language="javascript" type="text/javascript" src="js/manageMarks.js"></script>
</body>

A snippet of my external file is as follows:

    $(document).ready(function(){
      $('#careerSearch').on('click', '.hsSubject', function(){
    var sbjCode = $(this).attr('data-subName');
    var user = $(this).attr('data-user');
    var path = $(this).attr('data-path');
    event.stopPropagation();

    if(sbjCode=='L.O' || sbjCode=='English FAL' || sbjCode=='Afrikaans FAL'){

    } else{
        $.ajax({
            type: 'POST',
            url: 'includes/highSchoolFiles/careerSearchFiles/suggestionsHandler.php',
            data:{sbjCode: sbjCode, user:user, path:path},
            success: function(data){
                $('.subSearchBody').html(data);
            }
        }).error(function(){
            alert('An Error Has Occured');
        });
    }
});
});

If you are using jQuery, jQuery's $(document).ready() (within either script tags within the head or in an external file referenced in the head) is preferable to putting your JavaScript code right before the footer. — Matteo C
– Matteo C, Commented Aug 4, 2015 at 20:37
one of the reason, may be <script></script> tag not closed properly, may b you missing > or /, provide code snippet. — Shehary
– Shehary, Commented Aug 4, 2015 at 20:38

Maktabun · Accepted Answer · 2015-08-04 20:38:34Z

3

Use jquery library link in head section.

answered Aug 4, 2015 at 20:38

Maktabun

1141 silver badge10 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Tatenda Over a year ago

my jquery library is not in the head, its just before the closing body tag.

Maktabun Over a year ago

usually when you use CDN links in the end of document its load when all the documents is loaded and more over its download from online. that's why your code shows as jquery is not there but it comes back when jquery is loaded. to avoid this u either can use library in head section or put your code in between<script>  </script> like this.

Collectives™ on Stack Overflow

Javascript code showing before rendering

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related