Мне дали это приложение на Rails, которое использует библиотеку JS select2 и не могу понять, почему оно не стилизует мой список выбора. Он работает в производстве.
Я создал промежуточный сервер из снимка рабочего сервера.
Я пробежал rake assets:clobber && rake assets:precompile, где это успешно. Я проверил скомпилированные файлы application.js и application.css и код и стиль JS в них.
Я могу запустить $(".classIwant").select2(); в консоли, и он стилизует список выбора, но ничего не делает, когда я выбираю опцию.
Я также получаю эту ошибку после запуска $(".classIwant").select2(); в консоли:
[Нарушение] Принудительное перекомпонование при выполнении JavaScript заняло 49 мс
Пожалуйста, прости мое невежество, так как я впервые работаю с этой библиотекой JS. Любая помощь приветствуется. Заранее спасибо.
ОБНОВЛЕНИЕ № 1:
Когда я копирую приведенный ниже код в консоль и вручную запускаю App.init();, это работает. Почему страница не загружает это.
(function() {
window.App || (window.App = {});
App.init = function() {
$(".classIwant").select2();
$('#search').on("keyup", function() {
return searchTable($(this).val());
});
$('#search-list').on("keyup", function() {
return searchList($(this).val());
});
$("#the_id").on('change', function(e) {
return $(this).parent().submit();
});
return $('#preloader').delay(200).fadeOut();
};
$(document).on("page:change", function() {
return App.init();
});
$(window).on("load", function() {
$('#status').fadeOut();
return $('#preloader').delay(200).fadeOut();
});
}).call(this);
ОБНОВЛЕНИЕ № 2:
Это код на производство. Это немного по-другому. Я не уверен, что заставляет компилятор минимизировать производственный код, а также компилировать его по-другому. Я использовал красивую печать в консоли, чтобы увидеть ее немного лучше Есть идеи?
function() {
window.App || (window.App = {}),
App.init = function() {
return $(".classIwant").select2(),
$("#search").on("keyup", function() {
return searchTable($(this).val())
}),
$("#search-list").on("keyup", function() {
return searchList($(this).val())
}),
$("#the_id").on("change", function() {
return $(this).parent().submit()
}),
$("#preloader").delay(200).fadeOut()
}
,
$(document).on("page:change", function() {
return App.init()
}),
$(window).on("load", function() {
return $("#status").fadeOut(),
$("#preloader").delay(200).fadeOut()
})
}
.call(this),