如何將自定義javascript添加到wordpress functions.php

Question

我目前需要在我的wordpress函數中添加一些自定義jQuery，我通過以下方式添加了jQuery：

add_action("wp_enqueue_scripts", "my_jquery_enqueue", 11);
function my_jquery_enqueue() {
   wp_deregister_script('jquery');
   wp_register_script('jquery', "http" . ($_SERVER['SERVER_PORT'] == 443 ? "s" : "") . "://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js", false, null);
   wp_enqueue_script('jquery');
}

我需要添加以下內容：

$(document).ready(function () {
$(".infobfn").append('<a href="#" rel="tooltip" title="<?php echo $variable; ?>"><i class="icon-info-sign"></i></a>');});

我的問題是我無法將其添加到外部.js文件中，因為它包含php變量。

將其保留在我的函數中，我得到以下信息：

Warning: Cannot modify header information - headers already sent by

我添加了ob_start（）; 這是推薦的。 我雖然可以正常工作，但后來才意識到我的頁面只加載了一半。

我目前不在我的functions.php中使用php標頭，並且還檢查了空格。

有什么想法可以解決這個問題嗎？

Answer 1

您做錯了兩件事：

1. 使WP捆綁的jQuery出隊

   • 不要出隊WordPress的jQuery

   • 為什么加載自己的jQuery是不負責任的

2. 使用沒有noConflict模式的jQuery。 下面的示例是正確的方法：

jQuery(document).ready(function($) {   
    // Now, $ will refer to jQuery
    // Write all your logic inside this block
});

---

並且，要解決Javascript文件中PHP變量的使用，請使用wp_localize_script 。 此函數會將所需的任何變量傳遞到正確排隊的Javascript文件。

查看此答案以獲取工作示例。