Javascript WordPressjQuery

我在网上找到了jQuery手风琴的教程：

我面临的问题是如何在Wordpress中实现这一点。我已经使用主题函数文件中的wp_enqueue_脚本正确地完成了脚本中的所有工作。我以前做过好几次，但这似乎不起作用。我添加了以下脚本：

$(function($) {
  var allAccordions = $('.accordion div.data');
  var allAccordionItems = $('.accordion .accordion-item');
  $('.accordion > .accordion-item').click(function() {
    if($(this).hasClass('open'))
    {
      $(this).removeClass('open');
      $(this).next().slideUp("slow");
    }
    else
    {
      allAccordions.slideUp("slow");
      allAccordionItems.removeClass('open');
      $(this).addClass('open');
      $(this).next().slideDown("slow");
      return false;
    }
  });
});

添加到一个单独的.js文件中，并赋予它权限，但它将不起作用。如果我错了，请纠正我，我要做的是创建该特定脚本的初始化。有人能帮我吗

高级：谢谢。

Wordpress用户将jQuery称为

jQuery

。您的代码将其引用为

$

，但也将其作为函数参数传递，因此在函数中您已经覆盖了包含jQuery的

$

全局。此函数与DOM相同，并在DOM加载完成时运行

jQuery(function(){
    var allAccordions = jQuery('.accordion div.data');
 // etc... with jQuery known as jQuery
});

如果要在函数中将jQuery称为

$

，可以使用以下语法将jQuery传递到匿名函数参数中，然后在函数范围中将其称为

$

。这将立即运行，而不是等待DOM加载

(function($) {
     var allAccordions = $('.accordion div.data'); 
     // etc... with jQuery known as $
})(jQuery);

如果希望将jQuery称为

$

但让它等待DOM加载，请使用

jQuery.ready（）

或速记

jQuery（回调）

Wordpress用户将jQuery称为

jQuery

。您的代码将其引用为

$

，但也将其作为函数参数传递，因此在函数中您已经覆盖了包含jQuery的

$

全局。此函数与DOM相同，并在DOM加载完成时运行

jQuery(function(){
    var allAccordions = jQuery('.accordion div.data');
 // etc... with jQuery known as jQuery
});

如果要在函数中将jQuery称为

$

，可以使用以下语法将jQuery传递到匿名函数参数中，然后在函数范围中将其称为

$

。这将立即运行，而不是等待DOM加载

(function($) {
     var allAccordions = $('.accordion div.data'); 
     // etc... with jQuery known as $
})(jQuery);

如果希望将jQuery称为

$

但让它等待DOM加载，请使用

jQuery.ready（）

或速记

jQuery（回调）

Wordpress用户将jQuery称为

jQuery

。您的代码将其引用为

$

，但也将其作为函数参数传递，因此在函数中您已经覆盖了包含jQuery的

$

全局。此函数与DOM相同，并在DOM加载完成时运行

jQuery(function(){
    var allAccordions = jQuery('.accordion div.data');
 // etc... with jQuery known as jQuery
});

如果要在函数中将jQuery称为

$

，可以使用以下语法将jQuery传递到匿名函数参数中，然后在函数范围中将其称为

$

。这将立即运行，而不是等待DOM加载

(function($) {
     var allAccordions = $('.accordion div.data'); 
     // etc... with jQuery known as $
})(jQuery);

如果希望将jQuery称为

$

但让它等待DOM加载，请使用

jQuery.ready（）

或速记

jQuery（回调）

Wordpress用户将jQuery称为

jQuery

。您的代码将其引用为

$

，但也将其作为函数参数传递，因此在函数中您已经覆盖了包含jQuery的

$

全局。此函数与DOM相同，并在DOM加载完成时运行

jQuery(function(){
    var allAccordions = jQuery('.accordion div.data');
 // etc... with jQuery known as jQuery
});

如果要在函数中将jQuery称为

$

，可以使用以下语法将jQuery传递到匿名函数参数中，然后在函数范围中将其称为

$

。这将立即运行，而不是等待DOM加载

(function($) {
     var allAccordions = $('.accordion div.data'); 
     // etc... with jQuery known as $
})(jQuery);

如果希望将jQuery称为

$

但让它等待DOM加载，请使用

jQuery.ready（）

或速记

jQuery（回调）

---

您必须在Wordpress中使用

jQuery

而不是

$

这就是你如何做到的：

    jQuery(function($) {
  var allAccordions = $('.accordion div.data');
  var allAccordionItems = $('.accordion .accordion-item');
  $('.accordion > .accordion-item').click(function() {
    if($(this).hasClass('open'))
    {
      $(this).removeClass('open');
      $(this).next().slideUp("slow");
    }
    else
    {
      allAccordions.slideUp("slow");
      allAccordionItems.removeClass('open');
      $(this).addClass('open');
      $(this).next().slideDown("slow");
      return false;
    }
  });
});

---

您必须在Wordpress中使用

jQuery

而不是

$

这就是你如何做到的：

    jQuery(function($) {
  var allAccordions = $('.accordion div.data');
  var allAccordionItems = $('.accordion .accordion-item');
  $('.accordion > .accordion-item').click(function() {
    if($(this).hasClass('open'))
    {
      $(this).removeClass('open');
      $(this).next().slideUp("slow");
    }
    else
    {
      allAccordions.slideUp("slow");
      allAccordionItems.removeClass('open');
      $(this).addClass('open');
      $(this).next().slideDown("slow");
      return false;
    }
  });
});

---

您必须在Wordpress中使用

jQuery

而不是

$

这就是你如何做到的：

    jQuery(function($) {
  var allAccordions = $('.accordion div.data');
  var allAccordionItems = $('.accordion .accordion-item');
  $('.accordion > .accordion-item').click(function() {
    if($(this).hasClass('open'))
    {
      $(this).removeClass('open');
      $(this).next().slideUp("slow");
    }
    else
    {
      allAccordions.slideUp("slow");
      allAccordionItems.removeClass('open');
      $(this).addClass('open');
      $(this).next().slideDown("slow");
      return false;
    }
  });
});

---

您必须在Wordpress中使用

jQuery

而不是

$

这就是你如何做到的：

    jQuery(function($) {
  var allAccordions = $('.accordion div.data');
  var allAccordionItems = $('.accordion .accordion-item');
  $('.accordion > .accordion-item').click(function() {
    if($(this).hasClass('open'))
    {
      $(this).removeClass('open');
      $(this).next().slideUp("slow");
    }
    else
    {
      allAccordions.slideUp("slow");
      allAccordionItems.removeClass('open');
      $(this).addClass('open');
      $(this).next().slideDown("slow");
      return false;
    }
  });
});

使用

jQuery（函数（$）…

而不是

$（函数（$）…

$

在其他地方使用，因此您需要在DOM就绪函数的开头使用

jQuery

。然后将

$

关键字传递到函数中，您可以在其中安全地使用它。

使用

jQuery（函数（$）…

而不是

$（函数（$）…

$

在其他地方使用，因此您需要在DOM就绪函数的开头使用

jQuery

。然后将

$

关键字传递到函数中，您可以在其中安全地使用它。

使用

jQuery（函数（$）…

而不是

$（函数（$）…

$

在其他地方使用，因此您需要在DOM就绪函数的开头使用

jQuery

。然后将

$

关键字传递到函数中，您可以在其中安全地使用它。

使用

jQuery（函数（$）…

而不是

$（函数（$）…

---

$

在其他地方使用，因此您需要在DOM就绪函数的开头使用

jQuery

。然后将

$

关键字传递到函数中，您可以在其中安全地使用它。

尝试

jQuery（函数（$）…

而不是

$（函数（$）…

Thank Sparky！它成功了，我在下面作为答案发布。我在尝试

jQuery（function（$）…

而不是

$（function（$）…

感谢Sparky！它成功了，我在下面作为答案发布。我在尝试

jQuery（function（$）…

而不是

$（function（$）之前没有看到它…

谢谢Sparky！很好，我在下面发布了答案。我在尝试

jQuery（函数（$）…

之前没有看到它，而不是

$（函数（$）…

）