在 jquery colorbox/lightbox 中打开 url

发布于 2024-12-27 17:27:23 字数 232 浏览 1 评论 0原文

我有一个显示餐厅食物菜单的页面。当一个人点击特定的食物时,我想打开颜色框中的链接。有没有办法可以打开 colorbox 中的链接而不影响其他锚标记。我无法修改现有代码(菜单由第 3 方插件显示),但我可以向页面添加其他脚本(jquery 或 php)。所以我希望添加 ("a").click(),但我不确定如何获取特定锚标记的 href 链接。目前,我要打开的所有链接都有共同的字符串“/restaurants/”。关于如何解决这个问题有什么建议吗?

I have a page that displays restaurant food menu. And when a person clicks on a particular food item I want to open the link in colorbox. Is there a way I can open the links in colorbox without effecting other anchor tags. I cannot modify the existing code(menu is displayed by 3rd party plugin) but I can add additional script to the page(jquery or php). So I was hoping to add ("a").click(), but I wasn't sure how to get the href link for a particular anchor tag. For now all the links I want to open have string "/restaurants/" in common. Any suggestions about how to solve this problem?

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

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

发布评论

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

评论(1

南薇 2025-01-03 17:27:23
<script type="text/javascript">
  $(document).ready(function() {
    $("a", ".rest-menuitem").click(
      function(event) {
        event.preventDefault();
        var elementURL = $(this).attr("href");
        $.colorbox({iframe: true, href: elementURL, innerWidth: 645, innerHeight: 509});
      });
  });
</script>

更改 innerWidthinnerHeight 以适合您的内容

<script type="text/javascript">
  $(document).ready(function() {
    $("a", ".rest-menuitem").click(
      function(event) {
        event.preventDefault();
        var elementURL = $(this).attr("href");
        $.colorbox({iframe: true, href: elementURL, innerWidth: 645, innerHeight: 509});
      });
  });
</script>

Change innerWidth and innerHeight to fit your content

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文