select2 rails gem:已安装资产并调用函数,但下拉列表未更改(TypeError:undefined不是函
select2-rails gem: installed assets and called function but dropdown not changing (TypeError: undefined is not a function)
SO上有几个类似的帖子,但我还没有找到一个答案被检查正确的帖子。我正试图按照GitHub页面上的说明,在我的rails 3.2应用程序中实现select2 rails gem。我捆绑了gem,并包含了javascript和css文件。然后我添加了一个js函数调用,类似于示例代码中的调用。然而,我的选择栏根本没有改变。
Javascript包括:
# application.js
//= require jquery
//= require jquery_ujs
//= require select2
//= require jquery-1.11.0.min.js
//= require lightbox.min.js
//= require parsley
//= require ./jquery.datetimepicker.js
//= require Stripe/jquery.payment.js
//= require_tree .
CSS包括:
# application.css.less
/*
*= require_tree .
*= require select2
*= require select2-bootstrap
*= stub active_admin
*/
我的页面带有表单,只是试图复制示例:
# new.html.haml
=content_for :title, 'Post a job'
= javascript_include_tag "https://js.balancedpayments.com/1.1/balanced.js"
:javascript
var _balanced_marketplace = "#{@balanced_marketplace}";
var _categories = #{raw(@categories.to_json)};
$(document).ready(function() { $("#e1").select2(); });
...
...
%select{id: "e1"}
%option{value: "AL"} Alabama
%option{value: "WY"} Wyoming
我的脚本和HAML:生成的HTML的结尾
$(document).ready(function() { $("#e1").select2(); });
</script>
<select id='e1'>
<option value='AL'>Alabama</option>
<option value='WY'>Wyoming</option>
</select>
所有这些只会导致一个正常的选择下拉列表,没有select2样式/功能。
在Javascript控制台中,我看到函数调用出现以下错误:
Uncaught TypeError: undefined is not a function
我对Javascript不是很熟悉,但我猜这意味着函数"select2()"有问题。然而,我不知道如何开始调试,因为我已经逐字逐句地遵循了gem安装说明。当我查看页面源代码时,我看到select2js库被加载如下:
<script src="/assets/select2.js?body=1" type="text/javascript"></script>
错误可能与您两次加载jQuery有关:
//= require jquery
//= require jquery_ujs
//= require select2
//= require jquery-1.11.0.min.js
您要做的是加载jquery,然后加载select2。然后加载第二个jQuery,它将删除第一个jQuery(与它关联的select2)。所以当你打电话时:
$("#e1").select2();
select2在第二个jQuery上不再存在。
我无法想象你真的需要加载两个jQueries,所以去掉一个。
相关文章:
- 如何使用jQuery选择下拉列表的值
- 将jsp文件下拉列表中的选定项分配给一个java变量(比如String selection)
- Javascript按钮下拉列表
- jQuery表单添加不适用于下拉列表
- 用每小时的差值填充数组/列表-从下拉列表中给定两个时间值
- 禁用jQuery中的下拉列表
- 如何在按钮中显示下拉列表中选定的元素
- 如何在从多选下拉列表中选择选项值时动态生成文本框
- 如何使用PHP和JS级联三个下拉列表
- 如何在使用剑道 MVVM 下拉列表时强制选择第一项
- 语义ui如何使用javascript启用或禁用下拉列表
- 无法使用PHP动态设置下拉列表中的值
- 如何根据对具有多行的先前列表的选择来动态加载下拉列表
- 下拉列表在使用z索引放置在前面后停止工作
- 从多维嵌套json数组创建下拉列表
- 如何在剑道下拉列表中按文本和值搜索
- select2 rails gem:已安装资产并调用函数,但下拉列表未更改(TypeError:undefined不是函
- Undefined不是下拉列表中的对象
- Json用undefined填充动态填充的下拉列表
- 为什么我会得到周期性的未捕获类型错误:无法读取属性'值'在设置多个下拉列表的值时,为undefined