jQuery Tokeninput:只读不工作

Posted

技术标签:

【中文标题】jQuery Tokeninput:只读不工作【英文标题】:jQuery Tokeninput: readonly not working 【发布时间】:2012-11-02 02:00:29 【问题描述】:

我正在使用在 http://loopj.com/jquery-tokeninput/ 中找到的插件,该插件创建了一个对 Web 应用程序具有管理员访问权限的用户列表。

搜索、添加和删除用户完美无缺。

但是,我想使用“只读”功能来阻止人们将自己从列表中删除(这会导致问题,因为他们无法看到该页面)。

插件建议将 "readonly" : true 属性添加到设置页面的 JSON 中。我已经这样做了,但我仍然可以删除自己。

这是生成的函数。谁能看出它有什么问题?

$("#admin_users").tokenInput("/people/select", 
  prePopulate: [
    
      "id": 1,
      "name": "Kevin Hughes",
      "readonly": true
    , 
      "id": 3,
      "name": "Caroline Hughes",
      "readonly": false
    
  ]
);

正如我所说,除了 readonly 位之外,它工作正常。

额外信息:我也在页面上使用 Bootstrap。这有什么互动吗?

【问题讨论】:

您的服务器端脚本是否返回不同的 JSON?具体来说,您确定它还设置了readonly: true 它没有,但我现在已经这样做了,没有任何区别。 那我不太确定,我从来没有使用过这个插件,只是想知道你的服务器端响应是否覆盖了你的 prePopulate。 你能发布你的javascript吗? 我可能误解了一些东西,但是除了插件本身之外,我写的所有 javascript 都在问题中。 【参考方案1】:

事实证明,您从网页上的下载链接http://loopj.com/jquery-tokeninput/ 获得的代码实际上并不支持此功能,即使它在页面上的文档中,下载链接显示为“最新”并且版本number 与他们 repo 中的最新提交相同。

我从他们的 GitHub https://github.com/loopj/jquery-tokeninput 下载了一个更新的版本,现在可以正常使用了。

【讨论】:

发现这个问题不久前已经在github.com/loopj/jquery-tokeninput/issues/422报告了

以上是关于jQuery Tokeninput:只读不工作的主要内容,如果未能解决你的问题,请参考以下文章

如何显示带有突出显示日期的 jquery 日历并禁止单击(只读)

jQuery on click 不关注只读输入字段(在 Firefox 中)

使用 JS 或 JQUERY 将单选按钮转换为只读(未禁用)

jQuery-tokeninput 失败:“术语”未定义?

Jquery有无简单的一句话获取所有非只读的文本框集合方法

jquery 使字段不可编辑,没有只读或禁用