Tag: jquery select2

Select2 JS lib不能在Rails应用程序上运行

我得到了这个利用select2 JS库的Rails应用程序,无法弄清楚为什么它没有为我的选择列表设置样式。 它正在生产中。 我从生产服务器的快照创建了一个临时服务器。 我运行了rake assets:clobber && rake assets:precompile成功的地方。 我检查了已编译的application.js和application.css文件,其中包含JS代码和样式。 我可以运行$(“.classIwant”).select2(); 在控制台中它选择列表的样式,但是当我选择一个选项时它不会做任何事情。 我在运行$(“.classIwant”).select2();之后也遇到了这个错误$(“.classIwant”).select2(); 在控制台中: [违规]执行JavaScript时强制重排需要49毫秒 请原谅我的无知,因为这是我第一次使用这个JS lib。 任何帮助将非常感激。 提前致谢。 更新#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(); }; […]

select2 rails表单什么都不发送

我堆积了。 我正在使用select2和acts_as_taggable来标记我的订单模型。 这是一个代码 true, :class =>”category” %> 还有脚本: $(document).ready(function() {$(“.category”).select2(); }); 一切正常,没有连接脚本(使用select2),但如果使用,它看起来工作正常,但它发送空字符串,提交后你没有得到任何标签。 有人可以帮忙吗?

在使用带有Rails的Select2插件时未定义$,未捕获的ReferenceError

我正在尝试使用Select2插件向我的选择框添加搜索栏。 查看页面控制台时出现以下错误: 未捕获的ReferenceError:$未定义 在这里搜索不同的问题让我相信这个错误发生是因为在调用脚本之前没有包含或放置jQuery javascript。 但我仍然找不到让它发挥作用的方法。 如何修复此错误并使select2插件正常工作? 这是application.js文件: //= require jquery //= require jquery_ujs //= require jquery-ui //= require jquery-fileupload/basic //= require jquery-fileupload/vendor/tmpl //= require select2 //= require tinymce //= require turbolinks //= require_tree 我已经尝试以许多不同的方式在application.js文件中重新排列select2的顺序但没有成功(我试图确保在Select2之前加载jQuery)。 这是index.html.haml文件: %select{:id => “test”} – @lamps.each do |lamp| %option{:value => “1”}= lamp.brand + ‘ ‘ + lamp.category + ‘ ‘ […]

Rails 5 ask_as_taggable with select2

我无法看到select2在rails 5中的效果,无论是text_field还是select。 有谁知道为什么没有填充tag_list。 我可以看到tag_list有值,但正如您在下面的快照中看到的那样,它显示“未找到结果”。 select2是否适用于Rails 5,因为我尝试了几个选项? form:选择all将在框中显示所有值 Select All 我使文本字段变得简单而不是select2,并且能够通过将:tag_list添加到强参数来在DB中添加标签。 application.js – 注意:select2没有用o我使用了select2-full,我在谷歌的某个地方看过。 //= require underscore //= require select2-full select2的JS代码 $(function() { $(‘input#post_tag_list’).select2({tags:[], placeholder: “Choose a Tag”, allowClear: true}) }); 现在,我检查了普通的HTML和JS它甚至使用select2(或select2-full) Apple Banana Grapes Select All 相应的JS代码是: $(“#checkbox”).click(function(){ if($(“#checkbox”).is(‘:checked’) ){ $(“#post_topic_list > option”).prop(“selected”,”selected”); $(“#post_topic_list”).trigger(“change”); }else{ $(“#post_topic_list > option”).removeAttr(“selected”); $(“#post_topic_list”).trigger(“change”); } }); 有人可以指出普通的HTML选择输入是否与select2一起工作为什么它在rails 5中没有相同的function? 我尝试了bootstrap_form_for和form_for。 我甚至读过有关turbolinks问题的内容……如何解决turbolinks没有加载select2的问题?

使用select2(和simple_form)对Rails进行可标记的操作

我想有一个select2下拉标签,我可以选择多个现有标签并添加新标签。 我尝试了很多不同的方法,我要么不让select2盒子工作,要么只传递一个值(最后一个)。 这是我最接近的(传递最后一个值): ‘width: 300px’, class: “taggable”, data: { placeholder: “Tags” }} %>

如何使用capybara DSL测试Select2元素?

我在页面上有一个Select2元素,通过ajax加载结果。 想用capybara / rspec(使用poltergeist驱动程序)测试这个,但是因为Select2元素实际上是作为隐藏字段开始的,然后在处理完结果后填充 ,没有正常的select , fill_in或者choose帮手会工作。 我现在拥有的是类似的东西 it “should have a search field for events” do click_link “Select an Event” # this works as expected within(‘.select2-container’) do # works find(‘.select2-search input’).set(event.description[0,5]) # won’t work! find(:xpath, “li[text()=’#{event.description}’]”).click end click_button “Search” page.should have_content(“Displaying all 2 photos”) end 上面的第4行,显然capybara可以找到元素,但值不会改变,Select2永远不会进行ajax调用。 (不能使用普通的fill_in ,因为搜索字段元素没有label,id或name属性)

带有ajax的Select2使用Rails turbolinks事件多次初始化

我正在使用Rails 4.2.6开发Ruby On Rails应用程序。 我正在使用Turbolinks和jquery.turbolinks(抱歉,我不能发布这些元素的链接,因为我是网站上的新手)。 我的问题很简单,但我无法解决。 这是:我有一个通过AJAX获取的表单 Nouvelle expérience professionnelle 表单包含通过AJAX获取数据的Select2元素 = simple_form_for [profile, position], remote: true, html: {id: ‘positionForm’, class: ‘mb-1′} do |f| = f.input :company_id, as: :select, input_html: {:’data-behaviour’ => ‘company-select2′, :’data-kind’ => ‘company’} = f.input :title = f.input :summary – location = f.object.build_location = f.simple_fields_for :location do |l| = render ‘locations/fields’, l: […]