javascript - 在Wordpress中添加complete.ly脚本

标签 javascript php jquery wordpress complete.ly

我有一个 Wordpress 3.9.1 并向我的 WP 页面添加了complete.ly 脚本,因此有一个自动完成字段,但它不显示下拉列表,甚至无法编辑。下面的代码列表适用于纯 html,但不适用于 WordPress。我哪里错了以及如何做正确的?

<div id="filwrap" style='border-bottom:1px solid #333;margin:20px auto;width:500px;'>
</div>
<script src='http://lorenzoongithub.github.io/completely/complete.ly.1.0.1.min.js'></script>
<script>
    var c = completely(document.getElementById('filwrap'),
        {fontFamily:'sans-serif', fontSize:'26px', promptInnerHTML : '>' });
    c.input;
    c.hideDropDown();
    var availablePDF = [
                      "1", "2", "3", "4", "5", "6", "7", "8", "9",
                      "RAL7-520.48-BLK.23(54.2.3.141.0.48)",
                      "RAL7-520.48-BLK.23(54.2.3.141.0.49)"
                       ];
    c.options = availablePDF;
    c.hideDropDown();
    c.onChange = function(fil){ c.startFrom = fil.indexOf(',')+1; c.repaint(); };
    setTimeout(function() { c.input.focus(); c.repaint(); }, 0);
 </script>

最佳答案

我已经理解了这个问题:WordPress 插入了错误的 p 标签,这就是内联 java 脚本无法工作的原因。解决方案是禁用 wpautop 或使用插件“Toggle wpautop”或类似的插件来为您完成这项工作。

关于javascript - 在Wordpress中添加complete.ly脚本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25301269/

相关文章:

javascript - 制作电子邮件表格 发送电子邮件

PHP如何查询日期时间?

javascript - 计算并触发onchange并将结果写入html

javascript - 如何在 AJAX 返回的 HTML 中调用 jQuery 函数

javascript - 如何在 VS 代码中运行 html 和 javascript

javascript - 为什么不能将子宽度和高度设置为与父相同?

php - 使用 Varnish HTTP 加速器清除目录下的所有文件

php - 在 PHP/MySQL 中,我应该打开多个数据库连接还是共享 1 个?

javascript - 额外的 jquery 不适用于数据表分页

javascript - 你如何将 componentDidMount() 与 react-redux connect() 混合?