问题标签 [tag-it]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
2 回答
1947 浏览

jquery - Tagit 和自动完成功能

这是代码:

服务器端 :

我很困惑,我不知道在 ajax 成功功能上放置的正确代码是什么

0 投票
1 回答
117 浏览

jquery - 将标签添加到表单字段 jquery

我想做的是使用 tagit 插件添加无序列表元素。这工作如下面的代码所示。添加列表元素后,我想获取它们的值并将它们添加到提交时以逗号分隔的列表中的表单字段中。

列出的 jquery 用于我正在使用的 tagit 脚本,但不应影响列表附加部分。

这是我到目前为止所拥有的:

0 投票
1 回答
789 浏览

jquery - 在 jquery Tag-it 中获取 tagLabel

这是我的代码:

服务器端 :

我的问题是当我尝试从自动完成建议中添加新标签时,不会添加新标签我想我的问题出在 beforeTagAdded 函数中,谁能帮助我

0 投票
3 回答
1010 浏览

javascript - 如何将焦点设置到 tag-it 小部件?

我只是想让 tag-it 小部件在页面加载后获得焦点。我尝试了各种方法,例如:

甚至更奇特的东西,比如使用 jQuery 修改 ID 和调用

我所做的一切似乎都没有将键盘焦点放在 tag-it 小部件上。我必须通过我的页面来选择它,或者用鼠标手动单击它以开始输入标签。有人对我有线索吗?

0 投票
1 回答
206 浏览

jquery - 带有 Mod_Rewrite 的 Jquery 将请求从 somefile.php?q=foo 更改为 /somefile/foo?

我正在使用 Jquery tag-it 从远程 json 字符串中获取关键字列表——这很好用。

但是,我现在遇到的情况是,当您键入它试图在

somefile.php?q=foo

(foo 是您刚刚输入的内容。这将向下钻取标签列表以仅显示其中包含“foo”的那些。

我正在使用 Laravel 4,所以我需要基本上更改 ajax 请求,以便它改为/somefile/foo. 有没有办法做到这一点?我一直在疯狂地寻找,但找不到解决方案。

作为参考,这是我目前拥有的 tag-it 代码:

0 投票
1 回答
1840 浏览

jquery - 使用 tag-it 插件从前端为帖子分配标签

Tag-it 是一个 jquery UI 插件,它允许分配标签,就像 stackoverflow 中的标签系统一样。https://github.com/aehlke/tag-it/blob/master/README.markdown

我的目标是允许我的 wordpress 网站的成员从前端发布。为此,我创建了一个带有输入字段的表单。我使用 . 获取输入内容。要$_POST['something']插入帖子数据(标题、内容、自定义字段值),我使用wp_insert_post函数,它运行良好。

并为特定帖子插入标签,我使用wp_set_object_terms函数(因为我使用自定义帖子类型和标签分类法)。如果我为其分配一些示例值,最后一个函数运行良好,但我无法获得由tag-it. 我尽力在插件和负责为我在 WP DB 中的帖子分配标签的 PHP 代码之间建立链接。

事实上,在我的代码源中,我放了:

并且此代码由插件(执行后)转换为:

如何从该输入字段中检索 POST 变量作为数组,以便可以将其放入 的参数中wp_set_object_terms

您通常的帮助总是值得赞赏的。

0 投票
1 回答
1057 浏览

jquery - 从右到左的输入字段 - Tag-it jquery UI 插件

Tag-it 是一个 jquery UI 插件,允许从前端分配标签,就像 stackoverflow 中的标签系统一样。 http://aehlke.github.io/tag-it/

https://github.com/aehlke/tag-it/blob/master/README.markdown

实际上,在 my 中调用所需的脚本后<head>,我只是输入了我的代码源:

并像这样调用函数:

执行后,最终的代码源是(假设我插入了一个标签):

我曾尝试将dir="rtl"tag-it 的 jquery 脚本放入 中input,也尝试放入dir="rtl"<ul>但无济于事。我确信自定义此插件以使其从右到左输入超出了我的知识范围,这就是为什么我要求您提供通常的帮助,这总是值得赞赏的。

如何使 tag-it 的输入字段从右到左工作?

0 投票
1 回答
386 浏览

jquery - Jquery Tag-It 插件 - 从自动完成列表中添加和删除单词?

初始化插件后有没有办法改变自动完成列表?我想为“availableTags”传递一系列新词,并能够删除旧词。

即使在初始化后这也有效:

但是我的新标签在一个数组中,如果我尝试将数组变量传递给 availableTags,如下所示,它不起作用。有任何想法吗?

如何操作 availableTags-array 并将其传递给数组?可能有一种更“代码”的方式来做我想做的事情。基本上,我也想要 availableTags 的“removeAll”和“createTag”。

0 投票
1 回答
395 浏览

php - 使用 jQuery tag-it 将 2 个变量返回到 php、mysqli、json 的 2 个不同字段中

可能是最糟糕的问题,但我不知道如何表达它。

基本上我已经在我的代码中实现了jQuery 标记。但是,我正在使用另一个用户的解决方案,它可以将我想要的数据拉回并将其转储到我需要的输入中。

我得到的解决方案是:

jQuery:

PHP/MySQLi:

本质上我想返回 3 个变量。英语、拉丁语和地位。

所以,前提是:

因此,在状态下,我有灭绝、濒危、野外灭绝等。但是有些动物不在这些列表中。这些动物可能很常见,因此不需要特殊标签,但它们都需要有自己的拉丁名字。

目的是如果用户输入“灭绝”,则会出现所有已死亡动物的列表。

为什么要使用标签?好吧,因为它们是报告。用户将编写报告并标记其中涉及的任何动物。需要返回动物的名称(拉丁语和英语),而不是状态。

我想我理解 json 是如何做到这一点的。只需添加它们。如果该字段在状态列中没有文本,则忽略它。但是,我不知道如何从 mysqli 搜索中返回它。我认为该方法是 .map() 但每当我使用 .map() 时,搜索功能都会中断(因为它列出了所有生物,但如果您键入它并不会引导搜索。

编辑:

喜悦。所以,我设法弄清楚如何匹配我感到困惑的两个参数。

我通过修改原始 jQuery 来做到这一点:

然后在 HTML 中我添加了一个 post 方法:

但是搜索都发生在 PHP/MySQLi 查询上:

所以,如果我搜索状态(灭绝、濒危等),它会返回正确的动物。

我从这些家伙那里得到了想法/代码。

所以我现在被困在我需要在两个不同的领域显示拉丁语和英语的部分,但我认为这与摆弄 tag-it.js 源代码有关。如果我弄清楚了,我会更新。

编辑2:

好的,我设法让它将两个不同的结果放入两个不同的文本字段中。但它不会关闭标签的输入。

这是修改后的 jQuery:

它的工作原理是将拉丁文放在拉丁文文本输入中。但它现在不像以前那样将输入包装成一个整洁的小标签。

编辑 3

我已经尽我所能,但无济于事。

本质上,我通过扩展自动完成字段,在 tag-it.js 本身中添加了变量调用:

然而,所做的只是同时添加动物的常规英文名称和动物拉丁名称。之后我可以删除英文名称,但这太啰嗦了。

我尝试使用this.form.latin.value = ui.item.latin;似乎可行的方法,但是如果我添加了许多标签,或者如果我删除了一个标签,整个代码就会中断。这似乎是一个单向的事情,所以这不是一个很好的解决方案。

0 投票
2 回答
141 浏览

jquery - jquery 自动完成结果作为来自 json/php 的两个结果

有没有办法从 json 查询中获取单个结果。

假设我从 json 得到一个输入,即Domestic Dog:Canis lupus familiaris. 由于它将在标签中,我希望双方都相关。那么,有没有一种方法可以显示:Domestic Dog在 textarea 和Canis lupus familiaris另一个中。

我需要它们在标签中,所以如果我删除Domestic Dog它,它将Canis lupus familiaris在另一个中删除。只有一个字段是可编辑的(所以它必须是一种方式)。

我考虑过拆分结果,但这会将其分成两个单独的字段,这是行不通的(是的,我已经尝试使用$.split().