jQuery代碼只能在控制檯

Question

在我的WordPress 4.7我已經包含了這樣一些自定義的JS：

function custom_scripts() { 

     wp_register_script ('custom', get_stylesheet_directory_uri() . '/js/custom.js', array('jquery'),'2.1.4',true); 

     wp_enqueue_script('custom'); 

} 

add_action('wp_enqueue_scripts', 'custom_scripts'); 

這是我custom.js內容：

jQuery(document).ready(function($) { 

    // This part works 
    $('#menu-main li a').on("click", function(){ 
     $("body").removeClass("overlay-open"); 
    }); 


    // This part does not work 
    $('th.bit-date').html('<th class="bit-date">New-Title</th>'); 
    $('th.bit-venue').html('<th class="bit-venue">New-Title</th>'); 
    $('th.bit-location').html('<th class="bit-location">New-Title</th>'); 
    $('th.bit-tickets').html('<th class="bit-tickets" colspan="4">New-Title</th>'); 

    // This console msg outputs from this script 
    console.log("Done!") 


}); 

只有的第一部分代碼正在運行，而不起作用的部分，在從控制檯執行時按預期工作。此代碼將與插件生成的表進行交互。在所有插件完全執行後，如何讓這個js代碼運行？ （我打開其他的解決方案，以及）

Answer 1

試試這個：

jQuery(document).ready(function($) { 

    // This part works 
    $('#menu-main li a').on("click", function(){ 
     $("body").removeClass("overlay-open"); 
    }); 


    // This should work now 
    $(window).load(function() { 
     $('th.bit-date').html('<th class="bit-date">New-Title</th>'); 
     $('th.bit-venue').html('<th class="bit-venue">New-Title</th>'); 
     $('th.bit-location').html('<th class="bit-location">New-Title</th>'); 
     $('th.bit-tickets').html('<th class="bit-tickets" colspan="4">New-Title</th>'); 
    }); 
    // This console msg outputs from this script 
    console.log("Done!") 


});