如何避免Bootstrap.js的雙重包含？

Question

我們一直在開發一個Wordpress主題，並偶然發現了一個奇怪的問題。由bootstrap.js顯示的彈出窗口會出現幾分之一秒，然後消失。經過深入研究後，我發現問題是由也使用bootstrap.js的插件引起的。兩個bootstrap.js被加載，一個來自我們的主題，另一個來自插件。如何避免這種衝突？

Answer 1

解決方案是檢查bootstrap.js是否已入隊。我已將以下內容添加到主題的functions.php中：

function enqueue_scripts() { 
    // Check if bootstrap is already there 
    $bootstrap_enqueued = FALSE; 
    foreach($wp_scripts->registered as $script) { 
     if ((stristr($script->src, 'bootstrap.min.js') !== FALSE or 
      stristr($script->src, 'bootstrap.js') != FALSE) and 
      wp_script_is($script->handle, $list = 'enqueued')) { 

      $bootstrap_enqueued = TRUE; 
      break; 
     } 
    } 

    if (!$bootstrap_enqueued) { 
     wp_enqueue_script('theme-bootstrap-js', get_template_directory_uri() . '/js/bootstrap.min.js', array(), '2015', true); 
} 

// Note the last parameter. It's important to be the last in the list of hooks 
add_action('wp_enqueue_scripts', 'enqueue_scripts', PHP_INT_MAX);`