У меня проблема с js функцией import. Например, я использую gmaps.js. Я добавил эту библиотеку на страницы. И у меня есть файл main.js и вызов этого скрипта таким образом
var map = new GMaps({
el: '#map',
lat: 40.783435,
lng: -73.966249
});
map.addMarker({
lat: 40.784076,
lng: -73.966332,
icon: "img/mapicon.png",
title: 'Marker with InfoWindow',
infoWindow: {
content: '<p>Central Park</p>'
}
});
В contact.html есть #map div, а services.html нет. И другие функции js не работают на services.html. Я использую много библиотеки и просто звоню на странице contact.html, это не решение для меня. Как я могу это исправить?
Вы должны посмотреть на разницу AMD, одна из библиотек, которая реализует эту методологию, требует require.js
Вы можете начать читать здесь: http://requirejs.org/docs/whyamd.html
Дайте оба снимка в Google.
Опять же, если вы столкнетесь с круговыми зависимостями, возможно, что-то происходит с вашей реализацией.
Я буду более чем рад помочь с чем-нибудь еще.
Что делать, если вы пытаетесь проверить, существует ли #map
? Если он существует, то инициализируйте GMaps :)
// Will return true when the element #map exists
if($("#map").length) {
var map = new GMaps({
el: '#map',
lat: 40.783435,
lng: -73.966249
});
map.addMarker({
lat: 40.784076,
lng: -73.966332,
icon: "img/mapicon.png",
title: 'Marker with InfoWindow',
infoWindow: {
content: '<p>Central Park</p>'
}
});
}