我想根据用户的输入显示结果,而无需重新加载页面! (对于HTML中的Wordpress网页设计?)

时间:2019-03-20 16:15:50

标签: html css wordpress input

请理解我是编码方面的新手。

我正在我的本地Scouting社区的一个页面上工作,该页面允许访问者键入数字(代表他们的年龄)儿童(0到18岁)必须移动一些东西才能使其孩子所属的部队立即出现在页面上(无需刷新页面)。

这是我的想法:https://i.stack.imgur.com/IzAM6.jpg

(图片中的文字:) 从上到下的左侧:
-访客可以单击男孩/女孩
-输入后直接显示结果。没有刷新
-向上运动后加载内容

从上到下右侧:
-结果保留在页面上,直到重新加载/退格

关于网站:https://www.eos-sthubertus.nl(目前正在维护中,因此该网站暂时取代了上面提到的网站:http://eos.zellez.net

我们是当地的侦察兵社区,拥有一个非常老的用户界面(2005年外观)。我们正在与其他一些人一起对网站进行现代化改造,并使我们的网站符合GDPR。

1 个答案:

答案 0 :(得分:0)

由于您尚未向问题中添加任何代码,因此我无法为您提供任何特定的代码示例。这是适用于WordPress的通用jQuery AJAX教程,应该可以助您一臂之力:

https://premium.wpmudev.org/blog/using-ajax-with-wordpress/

您将可以将javascript事件挂接到男孩/女孩按钮上以触发事件:

https://api.jquery.com/click/