javascript - jQuery .load 变量作为 url

Question

我正在尝试通过 jQuery 构建的移动菜单栏将外部 php 文件/小部件加载到另一个 php 文件中。菜单栏是<div class="slicknav_menu">在下面的代码中调用。在前端，我可以看到变量加载博客 URL，但是 pluginDir似乎没有将其加载到$中功能。

我仍在掌握正确的语法。我究竟做错了什么？是.load接受变量吗？

var pluginDir = "<?php bloginfo('url'); ?>";

if (document.documentElement.clientWidth < 1030) {
    $(".slicknav_menu").load(pluginDir + '/wp-content/plugins/woocommerce-cart-dropdown/cart-dropdown.php');
}

Answer 1

问题是没有类为 slicknav_menu 的元素在load时被召唤。和jQuery跑noConflict()设置$返回到未定义，使其根本不尝试加载。

通过移动$(".slicknav_menu").load(pluginDir + '/wp-content/plugins/woocommerce-cart-dropdown/cart-dropdown.php');将元素添加到 DOM 后，并使用 jQuery代替$ ，它将正确加载。

仅采用原始源代码的相关部分，给出解决方案:

var pluginDir = "<?php bloginfo('url'); ?>";

jQuery('#menu-main-menu').slicknav();
if(document.documentElement.clientWidth < 1030) {
    jQuery(".slicknav_menu").load(pluginDir + '/wp-content/plugins/woocommerce-cart-dropdown/cart-dropdown.php');
}