jQuery .load以变量作为url

Question

我正在尝试通过jQuery构造的移动菜单栏将外部php文件/小部件加载到另一个php文件中。 菜单栏中的<div class="slicknav_menu">在下面的代码中调用。 在前端，我可以看到该变量可以正常加载博客网址，但是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

问题是，在调用load时，没有带有slicknav_menu类的元素。 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');
}

Answer 2

尽管它揭示了一些其他问题，但@thebreiflabb极大地帮助了并基本回答了原始问题。 因此，我将通过评论将其关闭。