Javascript与WordPress冲突

Question

我可以使用此地理位置，但是如果将其放在WordPress中，它将停止工作。 这怎么了

http://jsfiddle.net/spzg5oL8/3/

$.get("http://freegeoip.net/json/", function (response) {
    $("#ip").html("IP: " + response.ip);
    //$("#country_code").html(response.country_code);
    document.getElementsByClassName(response.country_code)[0].style.display = "block";
}, "jsonp");

Answer 1

由于某种原因（肯定）和另一种原因（潜在地），这在WordPress中将不起作用：

首先，您不能在WordPress中将$用于jQuery。 WordPress以“无冲突”模式加载jQuery，这意味着您必须使用jQuery ，或将其包装在文档就绪方法中以“注入” $ ：

 jQuery(function($) {
    $.get("http://freegeoip.net/json/", function (response) {
        $("#ip").html("IP: " + response.ip);
        //$("#country_code").html(response.country_code);
        // Why don't you use jQuery here, for simplicity?
        // $('.' + response.country_code).style('display', 'block');
        document.getElementsByClassName(response.country_code)[0].style.display = "block";
    }, "jsonp");
});

其次，您必须确保jQuery网站上已加载 jQuery。 无论您做什么， 不仅要在网站标题中硬编码指向jQuery的链接，还要在主题（或插件）的functions.php文件中添加以下php：

add_action('wp_enqueue_scripts', 'load_my_scripts');

function load_my_scripts() {
    wp_enqueue_script('jquery');
}

Answer 2

除了@cale_b所说的之外，您还可以看到对jQuery.noConflict();的调用jQuery.noConflict(); 作为Wordpress的jQuery文件的最后一行：

/wp-includes/js/jquery/jquery.js

我没有在文档中明确找到任何内容，但是在代码中看到它有助于了解发生了什么。