Question

我正在尝试设置jquery即时邮政编码搜索功能（来自https://ideal-postcodes.co.uk/documentation），我成功添加了我的网站http://kyl.ri-web.com上的字段，但邮政编码字段未显示。我确信这是一个jquery冲突问题，但是无法让它发挥作用。

该网站是一个Wordpress网站，我已经尝试停用所有插件以检查是否有任何冲突。

我已经安装了理想邮政编码的脚本。

我添加了ID为“lookup_field”的空div，它应该被邮政编码查找替换，但它没有显示。

选择相对邮政编码后，应填写其他字段。

我已添加脚本以在页脚中运行。

Answer 1

看起来你在声明jQuery之前调用了你的脚本。将脚本移动到结束标记的上方，如下所示：

</div><!-- #page -->
<script type='text/javascript' src='http://kyl.ri-web.com/wp-content/themes/know-your-location/js/main.min.js?ver=1.0.0'></script>
<script type='text/javascript' src='http://kyl.ri-web.com/wp-content/plugins/js_composer/assets/js/js_composer_front.js?ver=4.5.3'></script>
<script type="text/javascript">
jQuery('#lookup_field').setupPostcodeLookup({
  api_key: 'ak_ibm52vjdv8H63MwvUHsdyZpTO2dyb',
  output_fields: {
    line_1: '#first_line',  
    line_2: '#second_line',         
    line_3: '#third_line',
    post_town: '#post_town',
    postcode: '#postcode'
  }
});
</script>
</body>
</html>

由于这是一个Wordpress网站，将jQuery文件移动到head部分可能更容易，也可以使用'jQuery'而不是'$'调用jQuery，请参阅更新的代码

使用理想的邮政编码查找时可能发生jquery冲突

1 个答案: