Jquery 自动完成与 Jade/Pug

2024-01-08

我需要这个案例的帮助,即将在 Jade/Pug 中实现 Jquery 自动完成。尽管现在显示错误,但自动完成的结果不会显示在表单中。

Actual: 没有错误,但输入时的数据未按预期显示。

Expect: 当我输入时,数据以 #combine 形式显示(自动)。

我使用内联代码作为“非常基本”的东西。我确信在浏览器检查中没有显示错误,脚本位于正确的路径。

JavaScript(jqplugins/自动完成)

script(src='/demo/jquery.js', type='text/javascript')
link(rel='stylesheet', href='/autocomplete.css')
script(src='/autocomplete.js', type='text/javascript')
script.
  var states = [
  'Alabama', 'Alaska', 'Arizona', 'Arkansas', 'California',
  'Colorado', 'Connecticut', 'Delaware', 'Florida', 'Georgia', 'Hawaii',
  'Idaho', 'Illinois', 'Indiana', 'Iowa', 'Kansas', 'Kentucky', 'Louisiana',
  'Maine', 'Maryland', 'Massachusetts', 'Michigan', 'Minnesota',
  'Mississippi', 'Missouri', 'Montana', 'Nebraska', 'Nevada', 'New Hampshire',
  'New Jersey', 'New Mexico', 'New York', 'North Carolina', 'North Dakota',
  'Ohio', 'Oklahoma', 'Oregon', 'Pennsylvania', 'Rhode Island',
  'South Carolina', 'South Dakota', 'Tennessee', 'Texas', 'Utah', 'Vermont',
  'Virginia', 'Washington', 'West Virginia', 'Wisconsin', 'Wyoming'
  ];
  $('#auto1').autocomplete({
  source:[states]
  });
.pb-2.mt-2.mb-4.border-bottom
    h3 Registrasi Member
  form(id='signup-form', method='POST')
    input(type='hidden', name='_csrf', value=_csrf)
    .form-group.row
  label.col-md-3.col-form-label.font-weight-bold.text-right(for='tags') Pilih Kota/Kabupaten
  .col-md-7
    input#auto1.form-control(type='text', placeholder='enter state')
    .form-group.offset-sm-3.col-md-7.pl-2
      button.btn.btn-success(type='submit')
        i.fas.fa-user-plus.fa-sm
        | Signup

经过一些研究、测试、反复试验。事实上代码必须放在body标签之后。所以它一定是这样的:

</body>

script(src='/demo/jquery.js', type='text/javascript')
link(rel='stylesheet', href='/autocomplete.css')
script(src='/autocomplete.js', type='text/javascript')
script.
  var states = [
  'Alabama', 'Alaska', 'Arizona', 'Arkansas', 'California',
  'Colorado', 'Connecticut', 'Delaware', 'Florida', 'Georgia', 'Hawaii',
  'Idaho', 'Illinois', 'Indiana', 'Iowa', 'Kansas', 'Kentucky', 'Louisiana',
  'Maine', 'Maryland', 'Massachusetts', 'Michigan', 'Minnesota',
  'Mississippi', 'Missouri', 'Montana', 'Nebraska', 'Nevada', 'New Hampshire',
  'New Jersey', 'New Mexico', 'New York', 'North Carolina', 'North Dakota',
  'Ohio', 'Oklahoma', 'Oregon', 'Pennsylvania', 'Rhode Island',
  'South Carolina', 'South Dakota', 'Tennessee', 'Texas', 'Utah', 'Vermont',
  'Virginia', 'Washington', 'West Virginia', 'Wisconsin', 'Wyoming'
  ];
  $('#auto1').autocomplete({
  source:[states]
  });

最后,一切顺利。我希望这有帮助。 请参考这个文档 https://xdsoft.net/jqplugins/autocomplete/xdsoft 的 jquery 自动完成功能,

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Jquery 自动完成与 Jade/Pug 的相关文章

随机推荐

  • 如何从信号中去除频率

    我想从信号中删除一个频率 一个峰值 并在没有它的情况下绘制我的函数 在 fft 之后 我找到了频率和幅度 我不确定现在需要做什么 例如 我想删除我的最高峰 在绘图上用红点标记 import numpy as np import matplo
  • MongoDB:模式迁移、更新或插入

    虽然 MongoDB 不需要任何固定模式 但有时我们希望从一种结构迁移到另一种结构 我最近正在处理一个小数据集 200K 并决定循环现有数据 转换数据模型并插入到新集合中 事实证明 我们的 vps 并没有那么强大 使用 php 驱动程序 在
  • 是否存在可以按任意顺序加密和解密的安全密码算法?

    我正在寻找一种满足以下规则的加密算法 E key1 E key2 消息 E key2 E key1 消息 显然解密也一样 这可能是一个不太可能的事情 因为我怀疑这样的算法是否存在 但认为值得一问 Thanks 具有相同模数的 RSA 可以做
  • 用于 google web 登录的 TypeScript 绑定

    我正在构建一个 angular2 typescript 应用程序 我看到谷歌推出了平台 js https apis google com js platform js它可以访问gapi var 如上所示谷歌登录网站 https develo
  • 无法在 std::map 成员变量中分配具有前向声明值的类

    In test h ifndef TEST H define TEST H include
  • AJAX 请求在大型查询字符串上中止 Elixir Plug

    我在 AJAX 请求中发送 2 个大查询字符串 它们基本上是 jpeg 的 Base64 编码 当相机不是高分辨率相机时 AJAX 请求不会中止 起初 我认为这是 Nginx 的问题 因为我收到错误如下request entity too
  • 领域 NoClassDefFoundError:rx.Observable

    我遇到了 Realm 文档中指出的问题 杰克逊数据绑定 Jackson Databind 是一个用于将 JSON 数据绑定到 Java 类的库 Jackson 使用反射来执行数据绑定 这冲突了 Realm 对 RxJava 的支持 因为 R
  • 奥利奥后台位置更新

    我发现自己对新的背景限制感到困惑 我只是在这里寻求一些清晰度 当应用程序位于前台或在后台运行前台服务时 后台服务就可以正常运行 我懂了 当应用程序在后台且没有前台服务时 后台服务将被系统停止 我对此也很满意 我的问题 该应用程序每小时仍可以
  • 当我进行编程配对时,如何避免或忽略 Android 的蓝牙配对通知?

    我有一个应用程序 可以通过编程方式控制蓝牙配对和取消配对 我可以在连接前配对并在连接后取消配对 我需要这样做的原因是特定于我的应用程序的 而不是在我的问题范围内 基本上我正在做的是 获取参考ib to IBluetooth中描述的对象这个答
  • Makefile 和 $$ 的使用

    所以我有一个 Makefile 其中包含我尝试理解的以下代码 for file exe in find name zip exe do file exe d UNZIP PATH lib done 据我了解 这段代码将尝试找到一些可执行的
  • 删除 Jumbotron Bootstrap 3 中的填充?

    如何从 jumbotron bootstrap 3 中删除默认填充 我正在尝试设置padding top 5px 在大屏幕分区 但是有一些默认的填充 如何删除它 问题是 CSS 选择器对大屏幕的特异性会大于您正在应用的选择器 您可以阅读有关
  • Rails:忽略传递给 create() 的不存在的属性

    我有以下 Rails 模型 class CreateFoo lt ActiveRecord Migration def self up create table foo do t t string a t string b t string
  • 在 x 轴上绘制时间序列时,对 ggplot 中的一个方面使用 annotate("rect")

    我正在各个方面绘制不同的时间序列 并且我想使用 annotate 仅为其中一个方面创建不同的背景颜色 一个方面代表 2018 年的最后 15 周 第 38 52 周 而另一个方面代表 2019 年的前 15 周 第 1 15 周 我只想更改
  • while 循环中的异步函数

    我有一个关于如何在 while 循环中执行异步任务直到满足某些条件的问题 这更多的是一个理论问题 但我可以看到在某些情况下这可能是一个问题 我将尝试通过示例演示该问题 我在这里使用 JavaScript 但您可以使用任何语言 我可以拥有一个
  • 调试断言失败!表达式:_BLOCK_TYPE_IS_VALID(pHead->nBlockUse)

    我知道这个问题在这些论坛上被评估过很多次 但大多数时候它们对于特定案例来说确实是独一无二的 这是一个班级项目 C 也不例外 该项目的重点是重新制作经典棋盘游戏黑白棋 我花了几个小时辛苦地编写代码 终于编写了一个可以运行的程序 至少我是这么想
  • C#:抛出自定义异常最佳实践

    我已经阅读了一些有关 C 异常处理实践的其他问题 但似乎没有人问我在寻找什么 如果我为特定类或一组类实现自己的自定义异常 是否应该使用内部异常将与这些类相关的所有错误封装到我的异常中 还是应该让它们失败 我想最好捕获所有异常 以便可以立即从
  • 如何查询SPARQL中的所有直接子类?

    I have A B and C作为通过传递属性相关的类isSubClassOf So A isSuclassOF B and B isSubClassOf C 所以通过推断我们有A isSubClassOf C 我的问题 如何编写 SPA
  • 是否允许在 iPhone 应用商店应用程序中包含 libCurl?有人做过这个吗?

    我想在应用程序中使用 libCurl 来与 Web 服务通信 不幸的是它没有包含在 iPhone SDK 中 现在我已经弄清楚如何将 Curl 作为静态库包含在我的应用程序中 但是 我想知道这是否会让我的应用程序被 Apple 拒绝 有没有
  • 如何防止 Phonegap 应用程序切换到横向视图

    这应该很简单 但事实并非如此 我试图阻止我的应用程序进入横向视图 所以我改变了config xml像这样的文件
  • Jquery 自动完成与 Jade/Pug

    我需要这个案例的帮助 即将在 Jade Pug 中实现 Jquery 自动完成 尽管现在显示错误 但自动完成的结果不会显示在表单中 Actual 没有错误 但输入时的数据未按预期显示 Expect 当我输入时 数据以 combine 形式显