javascript导入的最佳实践是什么

What is best practice for javascript import?

本文关键字：是什么 最佳 导入 javascript      更新时间：2023-09-26

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

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

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

您可以进行

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

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

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

参考：wp_enqueue_script docs

相关文章：