Javascript 从链接加载图像而不刷新页面

我在我的Wordpress主题中创建了一些小部件，我想为我的一些小部件字段创建表示，例如我创建了Twitter小部件，它包含视频ID字段，我创建了名为（info）的链接

我想当任何人不知道如何获取twitter视频ID时，点击（信息）链接，在屏幕上显示解释图像而不刷新页面

---

如何通过单击信息链接显示图像而不刷新页面，然后单击关闭按钮关闭图像来显示图像

使用模态来呈现您的图像。

---

您可以参考引导模式

您尝试了什么？其中是当前源代码[尝试]或者你希望我们不费吹灰之力就为你创建它吗？我知道我的订单是由ajax和jquery完成的，但我是这些库的初学者，在我的word press文件夹中创建文档文件夹，它包含所有表示图像，当我直接点击信息链接时，页面刷新并在另一个页面中显示图像。我不想在单击信息链接时刷新页面。当您提交问题时，最好发布相关源代码并显示您的尝试。这将允许其他人解释为什么它不能按预期工作，并为您的问题提供解决方案。另外，“我的订单是”听起来像是家庭作业，所以我建议做一些研究。只有我有像这样的HTML链接标签

，锚定标签用于导航，将href设置为图像的路径会将用户导航到图像。如果您进行一些研究，您将了解如何阻止定位标记导航，更多的研究将帮助您了解如何使用事件处理程序（如

单击

）或属性（如

onclick

），然后您将需要创建一个函数来访问包含图像名称/路径的属性，以便您可以使用它。除非你在这方面做了很好的尝试并显示了源代码（相关的源代码），否则我不会在这篇文章中帮助你。