首先将它添加到项目中的轮播中。她显示正确。 А在将卡片添加到另一页后,旋转木马发生故障。如何使脚本作为一个页面,并为彼此的行为?
application.js:
//= require jquery
//= require bootstrap-sprockets
//= require bootstrap
//= require jquery_ujs
//= require jquery.turbolinks
//= require jquery.validate
//= require validation
//= require jquery-1.5.min
//= require underscore
//= require gmaps/google
//= require markerclusterer
//= require google_maps
//= require jcarousel
//= require turbolinks
//= require_tree .
$(document).ready(function() {
// Initialise the first and second carousel by class selector.
// Note that they use both the same configuration options (none in this case).
$('.d-carousel .carousel').jcarousel({
scroll: 1
});
});
google_maps.js:
$(function() {
handler = Gmaps.build('Google');
handler.buildMap({provider: {scrollwheel: false}, internal: {id: 'map'}}, function () {
var ht = 80;
var wt = 80;
markers = handler.addMarkers([
{
"lat": 23.953052,
"lng": 56.677616,
"picture": {
"url": src="../../assets/kafe.png",
"width": wt,
"height": ht
},
"infowindow": "kafe"
}
]);
handler.bounds.extendWith(markers);
handler.fitMapToBounds();
});
google.maps.event.addDomListener(window, "load", initialize);
});
jcarousel.js:
(function ($) {
$.jcarousel = function (e, o) { ... })(jQuery);
答案 0 :(得分:0)
尝试删除
//= require underscore
//= require gmaps/google
//= require markerclusterer
从application.js开始,添加到google_maps.js。
在视图<%= javascript_include_tag "google_maps.js", params[:you_controller] %>
中添加行。
在 config / initializers / assets.rb 中添加
%w( controller_one controller_two controller_three ).each do |controller|
Rails.application.config.assets.precompile += ["#{controller}.js.coffee", "#{controller}.css"]
end
Rails.application.config.assets.precompile += %w( google_maps.js )
并重启服务器 并检查工作jquery.turbolinks