轨。适用于不同脚本的不同页面

时间:2016-08-04 22:22:53

标签: javascript jquery ruby-on-rails

首先将它添加到项目中的轮播中。她显示正确。 А在将卡片添加到另一页后,旋转木马发生故障。如何使脚本作为一个页面,并为彼此的行为?

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); 

1 个答案:

答案 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