为外部表单设置占位符

Question

我的一位客户想要一个可见的登陆页面HERE。他希望我们使用 wooform 外部服务来实现这种形式，因为它已经链接在他们的管理软件中。 CSS 当前被阻止，因为我们需要一个 ssl 证书才能使其正常运行。顺便说一句，您可以在chrome中单击右上角的盾牌并加载“不安全脚本”来查看结果。

问题是 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 的新手... 谢谢大家

Answer 1

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>