Merge pull request #3989 from wlanslovenija/delay-javascript

Run JavaScript only when DOM is ready

rest_framework/static/rest_framework/js/default.js

@@ -19,47 +19,49 @@ function getCookie(c_name)
     return c_value;
 }
 
-// JSON highlighting.
-prettyPrint();
+$(document).ready(function () {
+    // JSON highlighting.
+    prettyPrint();
 
-// Bootstrap tooltips.
-$('.js-tooltip').tooltip({
+    // Bootstrap tooltips.
+    $('.js-tooltip').tooltip({
         delay: 1000,
         container: 'body'
-});
+    });
 
-// Deal with rounded tab styling after tab clicks.
-$('a[data-toggle="tab"]:first').on('shown', function (e) {
+    // Deal with rounded tab styling after tab clicks.
+    $('a[data-toggle="tab"]:first').on('shown', function (e) {
         $(e.target).parents('.tabbable').addClass('first-tab-active');
-});
-$('a[data-toggle="tab"]:not(:first)').on('shown', function (e) {
+    });
+    $('a[data-toggle="tab"]:not(:first)').on('shown', function (e) {
         $(e.target).parents('.tabbable').removeClass('first-tab-active');
-});
+    });
 
-$('a[data-toggle="tab"]').click(function(){
+    $('a[data-toggle="tab"]').click(function(){
         document.cookie="tabstyle=" + this.name + "; path=/";
-});
+    });
 
-// Store tab preference in cookies & display appropriate tab on load.
-var selectedTab = null;
-var selectedTabName = getCookie('tabstyle');
+    // Store tab preference in cookies & display appropriate tab on load.
+    var selectedTab = null;
+    var selectedTabName = getCookie('tabstyle');
 
-if (selectedTabName) {
+    if (selectedTabName) {
         selectedTabName = selectedTabName.replace(/[^a-z-]/g, '');
-}
+    }
 
-if (selectedTabName) {
+    if (selectedTabName) {
         selectedTab = $('.form-switcher a[name=' + selectedTabName + ']');
-}
+    }
 
-if (selectedTab && selectedTab.length > 0) {
+    if (selectedTab && selectedTab.length > 0) {
         // Display whichever tab is selected.
         selectedTab.tab('show');
-} else {
+    } else {
         // If no tab selected, display rightmost tab.
         $('.form-switcher a:first').tab('show');
-}
+    }
 
-$(window).load(function(){
+    $(window).load(function(){
         $('#errorModal').modal('show');
+    });
 });