我正在使用Zurb Foundation在我的项目中,这非常方便。但是我很困惑,当特定页面加载时,如何添加仅针对该页面DOM的JavaScript。
我在一个页面的部分中使用了第三方图表库,必须使用一些JavaScript来初始化图表容器。这些JavaScript无法与最终的
编辑:以下是我的项目结构。
我在一个页面的部分中使用了第三方图表库,必须使用一些JavaScript来初始化图表容器。这些JavaScript无法与最终的
app.js
合并,因为其他页面不包含图表容器div
。所以有人能给我一些建议吗?编辑:以下是我的项目结构。
src/
├── assets
│ ├── img
│ │ └── x.jpg
│ ├── js
│ │ ├── app.js
│ │ ├── draw.js
│ │ └── xcharts.js
│ └── scss
│ ├── app.scss
│ ├── news.scss
│ └── _settings.scss
├── data
├── layouts
│ └── default.html
├── pages
│ ├── news.html
│ └── template.html
├── partials
│ └── news-header.html
└── styleguide
├── index.md
└── template.html
我试过在我的图表容器后面加入JavaScript代码,但是我无法这样做,因为它使用了jQuery。假设我的JavaScript代码是draw.js
。gulp将自动合并draw.js
到app.js
中,该文件适用于每个页面。如果我只包含draw.js
到我的页面中,但是我应该防止gulp自动将draw.js
和xcharts
合并到app.js
中,并添加一个脚本标签到页面的某个位置。但是怎么做呢?
有没有一种方便的方法可以添加Foundation框架之外的脚本?是否有类似于html模板部分行为的方法?