WordPress表单，无法使用jQuery设置值

Question

我在Wordpress中设计了一个简单的表单，该表单包含（作为HTML）在一个外部文件中（请参阅最后的背景） 。 在此文件中，应该使用事件侦听器填充表单的输入。 但是我无法在此输入中设置值，似乎未进行更改。

这是输入（由Wordpress生成）：

<span class="wpcf7-form-control-wrap tarif-depart">
     <input name="tarif-depart" value="" size="40" class="wpcf7-form-control wpcf7-text tarif-hidden" id="tarif-depart" aria-invalid="false" type="text">
</span>

这是JS：

$('#tarif-depart')
    .val(places.O[0].formatted_adress)

背景

我正在使用Wordpress网站上的Google Map API编写一个小脚本。 事实是，包括我的脚本（和HTML元素）在集成时似乎无法很好地工作。 因此，我选择将其包含在iframe中。 该脚本与我必须添加到iframe中进行通信的表单有关。 但这并不能更好地工作...

谢谢你的帮助。

Answer 1

如果要在PHP文档（如Wordpress）中编写jQuery，则需要将其编写为

jQuery('#tarif-depart')
    .val(places.O[0].formatted_adress)

或像这样包装在包装纸中：

jQuery(document).ready(function($) {
    // Inside of this function, $() will work as an alias for jQuery()
    // and other libraries also using $ will not be accessible under this shortcut
});

最后一点的来源