在Worpdress中添加complete.ly脚本

时间:2014-08-14 06:17:59

标签: 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>

1 个答案:

答案 0 :(得分:1)

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