【问题标题】:Loading Images From a Link without Refreshing Page从链接加载图像而不刷新页面
【发布时间】:2015-08-08 20:28:53
【问题描述】:

我在我的 Wordpress 主题中创建了一些小部件,我想为我的一些小部件字段创建表示形式,例如我创建 Twitter 小部件,它包含 VIDEO_ID 字段,我创建了名为 (info) 的链接,

我想当有人不知道如何获取twitter VIDEO_ID,然后点击(信息)链接,在屏幕上显示解释图像而不刷新页面。

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

【问题讨论】:

  • 你试过什么?当前的源代码 [Attempt(s)] 在哪里,还是您希望我们不费吹灰之力地为您创建它?
  • 我知道我的订单是由 ajax 和 jquery 完成的,但我是 wordpress 文件夹中这些库的初学者我创建 doc 文件夹,当我直接单击信息链接时,它包含所有表示图像页面刷新并在另一个页面中显示图像。当我点击信息链接时,我不想刷新页面。
  • 当您提交问题时,最好发布相关的源代码并展示您的尝试。这将允许其他人解释为什么它没有按预期工作,并为您的问题提供解决方案。另外“我的订单是”听起来像是功课,所以我建议做一些研究。
  • 只有我有这样的HTML链接标签<a href="myimage.jpg">Info</a>
  • 井锚标签用于导航,将 href 设置为图像的路径会将用户导航到图像。如果您进行一些研究,您将学习如何阻止锚标记导航,并且更多研究将帮助您了解如何使用事件处理程序,如 click 或属性,如 onclick,那么您将需要创建一个函数来访问包含图像名称/路径的属性,以便您可以使用它。除非你很好地尝试这样做并显示源代码(相关源代码),否则我不会在这篇文章中帮助你。

标签: javascript jquery ajax wordpress


【解决方案1】:

使用模态框来展示您的图像。 可以参考bootstrap modal http://www.w3schools.com/bootstrap/bootstrap_modal.asp

【讨论】:

    最近更新 更多