jQuery的自动完成与玉/帕格

Question

对于这种情况，我需要帮助，即将在Jade / Pug中实现Jquery Autocomplete。 尽管现在显示错误，但自动完成的结果不会以表格形式显示。

实际 ：没有错误，但是即时输入时的数据未按预期显示。

期望 ：即时输入时，数据以#combine形式（自动）显示。

我将内联代码用作“非常基本的”东西。 我确保在浏览器的检查中没有错误显示，正确路径的脚本。

Javascript（jqplugins / autocomplete）

 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 

Answer 1

经过一些研究，测试，反复试验。 实际上，代码必须放在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] }); 

最后，一切顺利。 我希望这有帮助。 请参考xdsoft的jquery自动完成文档 ，