jquery 灯箱,弹出窗口

发布于 2024-11-03 21:37:21 字数 66 浏览 4 评论 0原文

我想在 div 上添加描述文本,当用户单击该文本时,我想显示一个带有一些外部内容的灯箱或弹出窗口。 我该怎么做这个?

I want to add on a div a description text, and when a user click's on that text I want to appear a lightbox or popup with some external content.
How do I make this?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

初相遇 2024-11-10 21:37:21

您能否提供一些您要设置的“div 描述文本”的示例代码。设置灯箱通常相当简单,如果您使用 jQuery,我会找到一个可以满足您需要的插件,然后代码将与此类似,

function descPopUp(){
     $("#divid a").lightbox();
     //or a class could be use on the anchor text
     //also some functions might require you to bind it to click
     $("#divid a").click(function(){
          $("#id").lightbox();
       });
 }

我猜您的 html 看起来像这样

<div id="someid">
   content
 <a href="#" class="desc" onclick="javascript:descPopUp()">Description text</a>
</div>

Can you provide some sample code of the "div a description text" you are going to have setup. Setting up a lightbox is usually fairly simple if your using jQuery I would find a plugin that does what you need and then the code will be something similar to this

function descPopUp(){
     $("#divid a").lightbox();
     //or a class could be use on the anchor text
     //also some functions might require you to bind it to click
     $("#divid a").click(function(){
          $("#id").lightbox();
       });
 }

I am guessing your html will look something like this

<div id="someid">
   content
 <a href="#" class="desc" onclick="javascript:descPopUp()">Description text</a>
</div>
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文