gpt4 book ai didi

javascript - Select2 和 Meteor.js 怎么样?

转载 作者:行者123 更新时间:2023-12-03 05:24:44 26 4
gpt4 key购买 nike

我现在才使用 javascript/jquery 和 Meteor 几个星期,所以请原谅我问一个简单的问题。

我正在尝试在 Meteor.js 应用程序中使用 Select2,但不知道如何让它工作。我已经在我的项目中安装了 natestrauser:select2 ,但显示的 jsfiddle 无法工作。 https://jsfiddle.net/jt0jr9uk

Template.createjob.onCreated( function() {
$("clientlist").select2({
placeholder: "Select a client",
allowClear: false,
});
});

和 html:

<span class="input-group-addon"><i class="glyphicon glyphicon-user"></i></span>
<select id="clientList" class="form-control">
<option value=""></option>
<option value="aberfitch">Abercrombie & Fitch</option>
<option value="bent">Bentley</option>
<option value="barb">Barbour</option>
<option value="dcsh">DC Shoes</option>
<option value="echo">ECHO United</option>
</select>

我也在使用 Bootstrap 。我已将其添加到我的项目中。基本上我只想要单个选择框,如下所示 https://select2.github.io/examples.html#single

我应该使用任何导入或其他东西吗?

最佳答案

首先,在 js 级别上,您尝试选择一个名为 clientlist 的 id

Template.createjob.onCreated( function() {
$("clientlist").select2({....

但是,在 html 级别,您的 id 是用驼峰命名法定义的

<select id="clientList" class="form-control">

其次,当您选择一个 id 时,您应该在 id 之前使用 # 符号,我的意思是您的 jquery 应该如下所示才能达到所需的结果:

   Template.createjob.onCreated( function() {
$("#clientList").select2({
placeholder: "Select a client",
allowClear: false,
});
});

如果您使用meteor >1.3 as,则需要在文档顶部导入jquery

import { $ } from 'meteor/jquery';

作为最后的建议,我会使用 Template.createjob.onRendered() 代替 Template.createjob.onCreated()

The template rendered callback is fired after the DOM is rendered on screen. The created callback is fired when the Template is instantiated but not yet rendered

查看以下链接以获取完整说明 https://stackoverflow.com/a/28783762/7235661

关于javascript - Select2 和 Meteor.js 怎么样?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41200660/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com