设置外部形式的占位符

时间:2015-05-19 01:54:33

标签: javascript jquery wordpress placeholder

我的一位客户想要一个可见的着陆页HERE。他希望我们使用wooform外部服务来实现这种形式,因为它已经在他们的管理软件中链接。 CSS目前被阻止,因为我们需要一个ssl证书才能使它们正常运行。顺便说一下,您可以在chrome中右键角落点击盾牌并加载" unsafe脚本"。

问题在于,wooform不允许设置占位符,只是默认值。我想显示占位符,并且我试图通过这种方式在javascript中执行此操作:

document.getElementById("Field1").placeholder = "Type name here..";

不幸的是它无法正常工作,我认为这取决于装载wooform的延迟。所以我试着这样做:

<script type='text/javascript'>
$.getScript("http://site.resicert.com/placeholder.js", function(){
   alert("Script loaded and executed.");
 });
</script>

但仍然没有运气......

我该怎么办?我是Javascript中的新手...... 谢谢你们

1 个答案:

答案 0 :(得分:0)

WordPress附带的jQuery库设置为noConflict()模式。这是为了防止WordPress可以使用的其他JavaScript库的兼容性问题。

使第二个代码块工作的方法是将其更改为以下内容:

<script type='text/javascript'>
jQuery(document).ready(function($) {
    $.getScript("http://site.resicert.com/placeholder.js", function(){
       alert("Script loaded and executed.");
    });
});
</script>

<强>更新 请尝试以下方法:

<script type='text/javascript'>   
jQuery.getScript("http://site.resicert.com/placeholder.js", function(){
  alert("Script loaded and executed.");
});
</script>