使用Zurb Foundation與wordpress不會發生沖突

Question

我目前正在使用Foundation和_s開發自定義主題，我有幾個問題。我已按照本教程進行操作， 這里列出了所有腳本等內容，現在可以工作了。

我唯一關心的是jquery，在某些論壇上說我必須注銷jquery，然后再注冊另一個，依此類推。在一些論壇上，它說我必須使用非沖突模式，而其他論壇則告訴我只是為了入隊，這就是它。 在這種情況下，什么是正確的做法？ 我不是在尋找一個臨時的解決方案，我希望這個主題可以更新而不會出現問題或將來會中斷。

在使用非沖突方法的情況下。 我創建了一個名為Foundation.js的文件，並使用以下代碼將其加入到functions.php文件中：

jQuery.noConflict();
jQuery(document).ready(function($) {
    $(document).foundation();
});

這是正確的方法嗎？

Answer 1

WordPress隨附的jQuery庫設置為noConflict()模式。 在noConflict()模式下，jQuery的全局$快捷方式不可用。 因此，在foundation.js您可以使用：

jQuery(document).ready(function ($) {
    jQuery(document).foundation();
});

從食典中檢查此鏈接

Answer 2

文檔是粗略的，但這應該是正確的方法，至少對我有用：

在functions.php中：

function my_enqueue_foundation() {
    wp_register_script('foundation', get_template_directory_uri() . '/js/foundation.min.js','','1.1', true);
    wp_enqueue_script('foundation');
}
add_action( 'wp_enqueue_scripts', 'my_enqueue_foundation' );

然后在footer.php中初始化基礎

<?php wp_footer(); ?>


<script> jQuery(document).foundation(); </script>

Answer 3

如果您遵循鏈接到（ github ）的教程，那么一切都准備就緒 。 在主題的functions.php文件基礎中，加入了JS和初始化腳本：

function awesome_theme_scripts(){
    // scripts here ...
    wp_enqueue_script( 'foundation-js', get_template_directory_uri() . '/foundation/js/foundation.min.js', array( 'jquery' ), '1', true );
    wp_enqueue_script( 'foundation-init-js', get_template_directory_uri() . '/foundation.js', array( 'jquery' ), '1', true );
    // more scripts...
}

后者包含noConflict代碼並初始化Foundation：

jQuery(document).ready(function($) {
    $(document).foundation();
});