javascript导入的最佳做法是什么？

Question

好的，我们认为我们正在制作一个wordpress主题。我们有很多javascript模块，如滑块或轮播或ajax加载元素或表单控件等。我的主要方法是将所有javascript代码放入main.js文件中。在main.js中，我有一个像这样的代码;

$(".slider").startSlider();

我将main.js导入所有页面。因此，如果其中一个页面具有类是“滑块”的元素，则它们可以完美地工作。但我很好奇这是真的方法吗？如果您在页面中没有使用任何javascript模块，那么所有javascript代码都会导入您的页面。你有什么不同的方法吗？

Answer 1

你可以做到

if ($(".slider").length>0) { 
  jQuery.getScript("slider.js")
    .done(function() {
      $(".slider").startSlider();
  });
}

Answer 2

您确实需要熟悉wp_enqueue_script()的工作原理，以便您可以根据需要在主题函数中添加脚本。

对于滑块示例，您可以在模板函数或短代码函数中添加所需的脚本

参考：wp_enqueue_script docs