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

问题是在slicknav_menu被调用时没有类load的元素。并且jQuery将noConflict()设置$设置为未定义，甚至没有尝试加载。

在将元素添加到DOM后移动$(".slicknav_menu").load(pluginDir + '/wp-content/plugins/woocommerce-cart-dropdown/cart-dropdown.php');，并使用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极大地帮助并基本回答了原始问题。因此，我会通过评论将其视为已关闭。

jQuery .load with variable as url

2 个答案: