javascript - javascript导入的最佳实践是什么？

Question

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

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

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

score 0 · Accepted Answer

你可以做

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

score -1 · Accepted Answer

您确实需要熟悉其wp_enqueue_script()工作原理，以便可以根据需要从主题功能中添加脚本。

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

2 回答 2