javascript - jQuery 文档就绪无论我怎么写都无法工作

Question

我觉得这应该是一个很容易解决的问题，但我就是无法让它发挥作用。我正在使用谷歌地图运行 jQuery 商店定位器脚本。该脚本需要两个 javascript 文件、jquery 和 google map api。最后，它调用实际函数来运行定位器。文件如下:

jlocator.min.js
jplist.min.js
jlocator.activate.js (this is where is put the document.ready script)
jquery
google api script

我的定位器在非 WordPress 测试站点中工作得很好。但在 Wordpress 中，商店定位器脚本根本无法运行。这是我的functions.php页面

function my_map_scripts() {
    if ( is_page_template( 'template-project-map.php' ) ) {
        wp_enqueue_script(
            'jplist-custom-script',
            get_stylesheet_directory_uri() . '/js/jplist.min.js',
            array( 'jquery' )
        );
        wp_enqueue_script(
            'jlocator-custom-script',
            get_stylesheet_directory_uri() . '/js/jlocator.min.js',
            array( 'jquery' )
        );
        wp_enqueue_script(
            'jlocator-activate-script',
            get_stylesheet_directory_uri() . '/js/jlocator.activate.js',
            array( 'jquery' )
        );
        wp_enqueue_script(
                'google-maps',
                'https://maps.googleapis.com/maps/api/js'
            );
    }
}

add_action( 'wp_enqueue_scripts', 'my_map_scripts' );

我已将 .js 文件排入队列，并且它们加载正常。我在每个文件中添加警报只是为了仔细检查。我还一度使用过 wp_script_is 来确保 jQuery 正在运行。

问题似乎出在我的文档就绪代码中。我正在使用以下内容:

jQuery(document).ready(function(){
    jQuery('#jlocator').jlocator();
});

这什么也没做。我什至尝试添加警报以查看是否有效:

jQuery(document).ready(function(){
    jQuery('#jlocator').jlocator();
    alert("activated");
});

再说一遍，什么也没有。但如果我删除这一行:

jQuery('#jlocator').jlocator();

代码如下:

jQuery(document).ready(function(){
        alert("activated");
    });

警报正常触发。我还尝试执行类似下面的代码的操作，只是为了看看它是否有效，但它也不起作用。 (.panel 是我页面上的一个 div)。

jQuery(document).ready(function(){
    jQuery('.panel').hide();
});

不过，上面的代码在我的非 WordPress 测试站点中运行良好。似乎每当我使用以下代码执行某些操作时，它都会关闭其他所有操作。

jQuery('sometext')....

我在这里缺少一些简单的东西吗？

此外，我尝试将文档编写为:

$(document).ready(function(){
    $('#jlocator').jlocator();
    alert("activated");
});

和

jQuery(document).ready(function($){
    $('#jlocator').jlocator();
    alert("activated");
});

但仍然没有任何效果。任何建议将不胜感激。

Answer 1

问题现已解决。由于某种原因，jQuery 没有加载，即使我在调用 js 文件之前在函数中设置了依赖项。我不知道为什么会发生这种情况。但我将以下代码添加到我的functions.php页面中，它开始工作: //Load jQuery if ( !is_admin() ) { wp_deregister_script('jquery'); wp_register_script('jquery', ("https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"), false); wp_enqueue_script('jquery'); }