2回答
因此，我试图在我的Aurelia应用程序中使用Select2。我使用Select2安装jspm install select2，在app.html文件中需要使用<require from="select2/js/select2.min.js"></require>的Select2。浏览器很好地加载缩小的JS文件，但出于某种原因，它也试图加载。
.html.
为什么Aurelia试图加载与我在<require>元素中指定的相同JS文件的HTML对应文件？我怎么才能解决这个问题？
谢谢
浏览 4提问于2015-10-31得票数 4
回答已采纳
我使用RequireJS导入javascript库。我想改变select2的默认语言作为文档指南，但是没有运气。
define(['jquery', 'select2'], function($) {
$(".select2").select2({
language: 'es'
});
});
select2 ()中的'select2‘指向select2 4.0.0包中的select2 2/dist/js/select2.Ful.js。
我必须手动加载locale文件selec
浏览 3提问于2017-01-05得票数 4
回答已采纳
1回答
我有前排和后端。从后端我得到预录制的html (Symfony表单)，它包括带有源标记的脚本。原产地是本地的:8001。
<html>
<head>
...
</head>
<body>
...
<div class="container">
{% block javascripts %}
<script type="module" src="http://loc
浏览 1提问于2022-01-11得票数 0
回答已采纳
1回答
动态加载Jquery脚本
、、、
我正在进行一个项目，需要在需要时动态加载JS，并且遇到了问题。为了保持简单，这里就是一个例子。
<script type="text/javascript">
function DemoSelect2() {
$('#s2_with_tag').select2({ placeholder: "Select OS" });
$('#s2_country').select2();
}
// Run Select2 plugin on elements
$(document).ready(function
浏览 2提问于2014-06-24得票数 0
回答已采纳
我正在尝试使用select2版本4.0在一个符号和js应用程序-因此，这意味着我使用的是npm和浏览器化。
不幸的是，我无法让select2加载。
js文件被加载时没有错误，因为我可以在相关的地方添加一些console.log语句并看到它们的输出，
但是当我尝试使用select2时，我会被告知它没有定义。
Uncaught：$(.).select2不是函数
这就是我想要做的。
var $ = require('jquery');
require('Select2');
$('select').select2();
我觉得这个问题来自se
浏览 2提问于2015-06-10得票数 3
回答已采纳
1回答
我使用jQuery select2选择多个列表项。
但不幸的是，下面的代码必须将所有3个值都加载到选择字段中。但是，它只加载第一个项目。
如何将这3个项目全部加载到select2列表中？
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-
浏览 0提问于2018-08-07得票数 0
回答已采纳
我正在尝试用select2加载远程数据，但它不起作用。
我的输入文本如下所示：
<label for="myInput"><input type="text" id="myInput"></label>
我的select2初始化：
$('#myInput').select2({
ajax: {
url: /myUrl
dataType: 'json'
}
});
我的json看起来像这样：
{ "results"
浏览 3提问于2016-02-20得票数 0
我使用ES2016导入语法从npm模块加载select2 libray (通过Webpack)：
import 'select2';
这很好，并从node_modules目录加载了以下文件。
节点_模块/select2 2/dist/js/select2.js
现在，在这个目录中，他们有了一个完整版本的库，它有一些我需要的额外功能，它被称为：
节点_模块/select2 2/dist/js/select2.Ful.js
是否有一种方法可以导入此文件，而不提供到我的node_modules文件夹的完整相对路径？
我试过：
import 'select2.full'
浏览 3提问于2015-12-16得票数 7
回答已采纳
我们是主题开发人员，我们已经使用select2 ()脚本在我们的wordpress主题中对HTML中的选择框进行选择。刚刚更新的新WooCommerce 2.3.x现在也使用select2脚本。但是，它们以许多不同的方式用自己的样式(最重要的是使用！重要标记)覆盖它的样式。
我们不能用！重要的规则重新声明他们所有的CSS更改，这将是我们不喜欢的大量CSS混乱。现在，我们的JS脚本加载了2次，有时也会发生冲突(因为woocommerce加载了自己的select2 js)。
我的问题是，在主题函数中禁用woocommerce、select2、CSS和JS文件的最佳方法是什么？我们希望使用我们的脚本
浏览 6提问于2015-02-16得票数 5
回答已采纳
我有一个包含input class="select2"元素的表单，我通过$(".select2").select2()调用它。这像往常一样工作。
现在的问题是，当我使用AJAX调用在模式对话框中插入此表单时，它不会再次加载select2()函数，也不会加载与select2相关的JS和CSS。
浏览 1提问于2014-09-17得票数 0
如果我包含一个具有外部源的脚本，然后尝试使用jQuery解析-它将下载该脚本，但不会将其加载到DOM中。我使用的是，但这似乎也适用于任何其他jQuery DOM插入方法。
下面是Stack代码片段中的一个示例
$(function(){
var selet2Html =
'<link href="//cdnjs.cloudflare.com/ajax/libs/select2/4.0.0/css/select2.css" rel="stylesheet"/>' +
'<script src=
浏览 3提问于2015-07-01得票数 1
2回答
我有一个Rails应用程序，在这里我使用select2 JS库来选择我的应用程序中的字段。当初始页面加载时，任何select元素都会按应有的方式触发select2。但是，当我对部分进行ajax/JS刷新时，select2不加载，默认为标准下拉选择。
下面是我的示例代码：
application.js
$(function (){
$(".select").select2({
placeholder: "Select One",
allowClear: true
});
_unassigned_calls.html.erb
浏览 5提问于2014-09-20得票数 0
回答已采纳
当我第一次加载我的页面时，select2将正常工作...但是如果我转到其他链接，我们将无法看到select2，除非我们重新加载页面。
下面是我的代码：
Gemfile：
gem 'turbolinks', '~> 5.0.0'
gem "select2-rails"
application.js：
//= require turbolinks
//= require select2
application.css：
*= require select2
index.html.erb：
<script>
$(document)
浏览 1提问于2018-01-03得票数 2
1回答
我正在通过$.post使用数据类型HTML加载".content“中的html。加载的内容选择了2个jquery插件。当我第一次加载页面时，它工作得很好，Select2插件被执行，但如果我返回并再次加载它，我就会得到错误
TypeError: $(...).select2 is not a function
我加载ajax的代码是
(".body .content").on("click", ".process_record", function(e){
var url = $(this).attr("data-u
浏览 3提问于2013-07-28得票数 0
1回答
例如，我有使用select2插件页面：
function Initialize()
{
if($('.su-tech').length) {
$('.su-tech').select2({
allowClear: true,
width: '100%'
});
}
}
像这样的html代码：
<select class="select2 su-tech" style="width:100%
浏览 0提问于2015-12-08得票数 1
2回答
我试图用一些java的插件来完成我的网站，我在Symfony 4上，我使用CDN引导推特。
当我将select2插件放入模板中时，select2插件确实正确地应用了。
不过，我不想直接从模板加载select2，我想从app.js运行它，但它没有正常工作，select2插件已经激活，但很奇怪，我将向您展示下面的结果。
这是我的app.js代码：
let $ = require('jquery');
require('../css/app.css');
require('select2');
$('select').se
浏览 0提问于2019-09-01得票数 3
回答已采纳
我已经开始使用Laravel-Livewire，并在其中一个组件中添加了Select2选择框库。 问题是，该组件有多个选项卡，当我使用Select2输入在选项卡上加载该组件时，一切都很正常： ? 但是，如果我在其他选项卡上加载组件，或者甚至更改选项卡并返回到此选项卡，则Select2不会正确加载并返回到常规的多选项： ? 我正在layout上加载CSS和JS文件，所以每次我获得这个组件时都会加载它们。 我甚至将这个脚本添加到了组件中 <script>
$('.select2').select2();
</script> 以强制此输
浏览 21提问于2021-09-15得票数 0
1回答
我使用的是电子样板，从这里开始：
它使用gulp-rollup来捆绑资产，开发服务器可以与npm start一起运行。
下面是我从app.js导入的语句
import os from 'os';
import { remote } from 'electron';
import jetpack from 'fs-jetpack';
import env from './env';
import jquery from 'jquery';
import parsley from 'parsleyjs'
浏览 14提问于2017-01-13得票数 0
在我的RequestJS配置文件中，我正在加载select2，并且我也想为它加载区域设置。我现在有这样的设置：
require.config({
enforceDefine: true,
baseUrl: '/js',
shim: {
'bootstrap@3.1.1': {
deps: [ 'jquery' ],
exports: '$' // export jQuery...
},
'jquery@2.1.1': {
expo
浏览 0提问于2014-06-23得票数 1
1回答
我正在尝试在我的symphony4项目中使用select2和webpack-encore。我的app.js文件加载时没有问题，但安装时没有加载select2。我不明白它为什么不起作用.
我的html
<head>
{{ encore_entry_link_tags('app') }}
{{ encore_entry_script_tags('app') }}
</head>
<body>
<select>
<option value=""
浏览 8提问于2019-10-29得票数 0
回答已采纳
1回答
动态加载的div的事件名称
、、、、
我正在使用select2在一个网页上选择多个项目
我已经通过ajax调用在页面上动态加载了div。
动态加载的div:：
<div class="select2" multiple="multiple">
<option>Mango</option>
<option>Banana</option>
<option>Apple</option>
</div>
我有一个js文件
$(document).ready(function() {
$(".s
浏览 2提问于2015-07-23得票数 0
在我的application.js中，我已经初始化了.select2选择：
$(document).ready(function() {
$(".select2").select2({
theme: "bootstrap",
width: '100%',
allowClear: true
});
});
在我的应用程序的另一部分中，我有一个与remote: true的链接，它用.select2呈现一个带有下拉列表的新表单。
<%= link_to 'new form' new_feed_it
浏览 0提问于2017-10-18得票数 3
回答已采纳
1回答
请原谅我缺乏知识，因为我对web开发非常陌生。
我正在尝试捆绑所有第三方包，其中包括select2等。捆绑包适用于其他包，如jquery、bootstrap、popper等，但select2未被初始化。也许是一些加载顺序的问题？
调用$('select').select2()会导致未捕获的类型错误。通过cdn或手动下载单独加载它，所以看起来parcel不是在做一些事情吗？
这是一个非常"boilerplatey“的设置，所以很容易复制，但这就是我目前正在尝试的：
File structure:
- node_modules
- index.html
- .sassrc
浏览 0提问于2021-01-23得票数 1
1回答
例如，我有一个包含以下代码的page1.html：
<html lang="en">
<head>
<meta charset="UTF-8">
<title>page1</title>
</head>
<body>
<select style="width:100%" class="select2">
<option value="AK">Alaska</option>
<
浏览 2提问于2015-10-18得票数 0
参考，加载远程数据时会显示文字"Searching“。但是，我不知道为什么在我的例子中会显示“未定义”。
这是css文件。
<div class="col-sm-9">
<select class="js-data-example-ajax form-control" style="width:100%;">
<option value="select2/select2" selected="selected">select2/select2</opti
浏览 0提问于2015-01-12得票数 6
1回答
当加载一个页面时，它会在其中加载另一个html页面，并且该html页面包含select，我希望对其应用select2。
最基本的页面包含
<select class="selectAddItem" id="selectAddItem" name="selectAddItem" style="width: 150px;" class="required">
<option value="">--- Please Select---</option>
<
浏览 0提问于2017-06-04得票数 0
我正在使用select2并将ajax数据加载到其中。
select2元素位于动态加载的html ( jQuery ui选项卡中的动态选项卡)中。
有一种情况是，我通过为容器div调用jQuery remove来删除动态html (删除选项卡)，并且稍后可能会再次加载它。
第一次，一切都运行得很完美。从第二次开始，当我打开select2元素时，我从select2 js中得到一个错误。
我怀疑select2可能会在html边界之外添加一些元素，这些元素稍后会导致一些错误，但这只是一种猜测。
当我想要销毁select2控件时，我需要做一些特殊的事情吗(这将完全清除它，因为它从未创建过)？
浏览 1提问于2014-01-13得票数 1
我使用的是Select2 (V4.00)，并使用ajax方法加载远程数据。
我需要检索所选选项的标题，但在select2:select event data is undifined中
我的代码：
$(".js-data-action-terms").select2({
ajax: {
url: ajaxurl + "?action=terms",
dataType: 'json',
data: function (params) {
return {
浏览 1提问于2015-10-19得票数 4
我正在迁移一个Rails 5.1.5项目，该项目使用CoffeeScript，从使用链轮迁移到使用webpacker。该项目还使用select2.js。使用链轮，我做了以下工作：
安装jquery-rails (jQuery是select2的依赖项)。
将select2.js代码放入vendor/assets/javscripts中。
在application.js.coffee中，添加：
#=需要select2
之后，我可以在我的select2文件中使用application.js.coffee：
$(document).on 'turbolinks:load&#
浏览 2提问于2018-03-21得票数 7
1回答
我想知道如何让我的Select2下拉菜单在Bootstrap弹出窗口中工作。我知道问题是popover内容是在popover-event-click启动后加载的，所以Select2的JS代码无法工作。我只是不知道该怎么解决它。
示例：
尝试在名为"Aaaah!“的第四个问题上按"submit”。你就可以看到弹出画面了。然后尝试按下"Alabama"-dropdown (这是Select2下拉菜单)，它不会工作(因为JS不会启动，因为弹出内容是在DOM之后加载的)。
有人知道怎么让它工作吗？
浏览 4提问于2014-03-03得票数 1
我有一个iframe，它包含以下内容：
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="my_container"></div>
<script>
$.ajax({
type: 'post',
dataType: 'json',
contentType: 'application/json&
浏览 38提问于2018-09-05得票数 0
我正在尝试手动将jQuery 库集成到我的Symfony表单中，以替代我的复选框。
在手册之后，我向页眉添加了以下内容：
<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.2-rc.1/css/select2.min.css" rel="stylesheet" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.2-rc.1/js/select2.min.js">&l
浏览 5提问于2016-02-19得票数 0
回答已采纳
我尝试加载一个包含带有select2插件的列表框的div。下面的代码用于div容器
<div class="form-body">
<div class="form-group">
<?php echo lang('project_product', 'product', array('class' => 'col-sm-2 control-label')); ?>
<div class="col-sm-
浏览 0提问于2018-10-06得票数 0
1回答
在站点上设置https之后，一些javascript库不会加载，而其他库则会加载。在这种情况下，select2库没有加载。为什么会这样？
头提取物
<head>
<link rel="stylesheet" href="https://yui.yahooapis.com/pure/0.6.0/pure-min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></sc
浏览 3提问于2015-10-13得票数 0
回答已采纳
3回答
我有一个使用JS的Vue应用程序。除其他外，我需要使用一些Select2来动态加载值。我为我的Select2做了一个Vue组件，除了一个问题外，它工作得很好。我使用Ajax来获取Select2的动态选项，但是当我的Select2被挂载时，它不会为Ajax加载一个值。这是我的密码：
<template>
<table class="table">
<thead>
<tr>
<th>Substance</th>
<th
浏览 3提问于2020-05-04得票数 0
回答已采纳
1回答
我与合作，并在其中创建了一个插件。在这个示例中，我使用了库。
在插件的view.php文件中，我有：
foreach((array) $jsFiles as $path) {
$PAGE->requires->js(new moodle_url($CFG->wwwroot . '/mod/exam/subplugins/'.$path));
}
?>
<!DOCTYPE html>
<!-- Essential to activate bootstrap -->
<html>
<head&
浏览 28提问于2019-11-06得票数 0
回答已采纳
1回答
也许这个问题是重复的，但我仍然不明白为什么我的select2不工作，我需要你的帮助。这是我的。如果按ctrl +u键，可以看到加载了jquery库，加载了select2脚本。我得到了一个错误:$(...).select2 is not a function
这是js脚本：
$(document).ready(function() {
$("#country").select2();
$("#country").change(function(){
$("#city option").remove();
浏览 3提问于2014-06-30得票数 0
回答已采纳
我正在使用一个jquery select2插件，我有这个设置brands.js
$('.select2').select2({
ajax: {
url: '/data/brands-get',
dataType: 'json',
placeholder: "Проивзодитель...",
allowClear: true
}
});
$( document ).ready(function() {
$('#select2-add
浏览 8提问于2018-07-02得票数 0
我想让Select2.js与Django一起工作。有django-select2可以做到这一点，但对于我正在做的事情，作者建议我使用原生Select2。
我指的是这里的基本代码示例
<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.0.min.js"></script>
<!--Select2.js-->
<link href="https://cdnjs.cloudflare.com/ajax/libs
浏览 0提问于2019-09-25得票数 0
3回答
我目前正在尝试使用select2在一个Laravel项目，以创建一个多选择，但我有点被困在正确的蝙蝠。js和css文件是正确链接的，但是当我重新加载页面时，它只显示默认的html多选择。
代码：
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"
浏览 0提问于2019-09-15得票数 0
回答已采纳
我正在修改我的应用程序以使用nodejs，并通过gulp进行浏览以生成一个缩小的js。
我已经从手动加载依赖项和手动更新切换到用npm安装依赖项。
一切顺利，但当我想安装select2时，它开始到处抛出错误。当我为npm required()文件移动已删除的手动更新文件时。
jquery.js:3841 jQuery.Deferred异常:O(.).select2不是函数TypeError: O(.).select2不是函数
在i.init ()
在i.sysInit ()
在I ()
在新I ()
在HTMLSelectElement。()
在Function.each ()
在_.fn.
浏览 0提问于2019-06-05得票数 0
回答已采纳
我是个初学者，我一直在玩select2.js的多重选择选项。在一个历史学校的数据库中，我们有超过300000个学生id。我可以让select2选项工作，但是它非常慢，而且要花很长时间才能加载。我见过其他页面使用select 2加载大量数据，运行良好。
我使用下面的javascript来加载select2。
$(document).ready(function () {
$('.js-example-basic-multiple').select2();
});
在Django中，我用以下内容加载模板中的数据：
<script src= "{% st
浏览 1提问于2018-03-16得票数 2
回答已采纳
1回答
在“加载远程数据”select2 中，响应json比“加载数组数据”包含更多信息。
是否可以加载如下所示的包含数组数据的本地json文件，并使用文本、text2和text3等select2使所有键都可选/可搜索？
var data = [
{
id: 0,
text: 'enhancement',
text2: 'text2',
text3: 'text3'
},
{
id: 1,
text: 'bug',
text2: 'text2',
浏览 2提问于2016-01-31得票数 0
我不确定我是否会这样做，但如果你有任何建设性的意见，可以帮助我走向正确的方向，请分享。我被困在这上面已经有一段时间了。
我有下面的select2控件，它正在为该表的字段加载整个表。有一个名为select2的函数名为minimumInputLength，它似乎仍然完整地加载表，而不是查询前三个字符。分页工作正常，如下面的fiddle.js：所示
$.fn.select2.amd.require(
['select2/data/array', 'select2/utils'],
function (ArrayData, Utils) {
functi
浏览 1提问于2018-03-27得票数 0
回答已采纳
我有一个RequireJS安装程序来加载 jQuery插件。
但是，我有一个问题，这意味着在页面加载时，浏览器默认的select输入会显示几秒钟，然后替换为高级Select2输入，大概是在RequireJS异步加载脚本时。
有什么方法可以避免这种情况，而不必将脚本包含在HTML中？
这是我的RequireJS设置：
require.config({
baseUrl: '/assets/js',
paths: {
jquery: '//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min',
浏览 3提问于2014-10-30得票数 0
回答已采纳
1回答
我有下面的html，<option>标签是由我生成的(用php，更准确地说是symfony3)。
<select
name="simple_event[tagsList][]"
id="js-tags-list"
class="form-control"
multiple
data-tags="true"
data-placeholder="add-category-separated-by-semicolon"
>
<optio
浏览 15提问于2017-03-08得票数 0
尝试使用select2打开页面加载document.ready不起作用，因为"autocomplete_light.js初始化函数“与相同的事件绑定在一起，而在document.ready上，组件尚未初始化。
所以，按下面的方式做是行不通的：
$(document).ready(function () {
$('#select2_field').select2('open')
//OR
$('#select2_field').open()
});
问题是django autocomplete_light也在docu
浏览 7提问于2021-04-30得票数 0
回答已采纳
1回答
我有简单的输入，我想用户选择js
这是我的意见
<div class="form-group">
<select class="js-example-basic-multiple form-control" name="states[]" multiple="multiple">
<option value="AL">Alabama</option>
...
<option value="WY&
浏览 3提问于2019-09-27得票数 0
回答已采纳
我正在尝试E2E测试我的angularjs应用程序。它有一个select2复选框，其中填充了来自API的项。此select2复选框具有将添加到搜索中的筛选器列表。
<input id="filter-select2" ui-select2="dataArray" ng-model="selected"/>
我遇到的问题是，在我所做的E2E测试中，我似乎无法打开选择框。如果加载应用程序，则可以在Chrome控制台中执行$('#s2id_filter-select2').select2('open');操
浏览 4提问于2013-05-13得票数 2
回答已采纳
这不是：的副本。
我正在尝试添加一个select2下拉列表到奥雷利亚，但我在让它工作时遇到了问题。
我的aurelia.json看起来：
...
{
"name": "select2",
"path": "../node_modules/select2/dist",
"main": "js/select2",
"deps": ["jquery"],
"resources": [
"css/select2.css
浏览 2提问于2016-09-01得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
