jquery - jQuery在外部脚本上设置元素属性

Question

我在我的 html 页面中间加载了一个外部脚本。加载页面后，它将显示一个表单。

我想通过在我自己的从 html 页面底部加载的 js 文件中编写一小段脚本来将“占位符 = 标签名称”设置为输入字段。代码非常简单，但没有成功：

<script>
   $(document).ready(function() {
     $("#inputexample").attr("placeholder", "min price");
   }
</script>

我不确定为什么它不起作用。任何建议都将受到高度赞赏。

Answer 1

外部脚本可能使用 ajax 来加载表单。由于 ajax 是异步的，因此您尝试更改的元素尚未出现在您的页面上。

一种方法是使用 $(document) 等到 ajax 完成。ajaxComplete()而不是 $(document).ready()。尽管这会为每个 ajax 请求产生非常小的开销。

Answer 2

在脚本运行之前尝试设置一点延迟。像那样：

<script>
     $(document).ready(function() {
         setTimeout(function() {
             $("#inputexample").attr("placeholder", "min price");
         }, 50);
     }
</script>