Question

我有一个显示餐厅食物菜单的页面。当一个人点击一个特定的食物时，我想打开彩盒中的链接。有没有办法我可以打开彩盒中的链接而不影响其他锚标签。我无法修改现有代码（菜单由第三方插件显示）但我可以添加额外的脚本到页面（jquery或php）。所以我希望添加（“a”）。click（），但我不知道如何获取特定锚标记的href链接。现在我要打开的所有链接都有共同的字符串“/ restaurants /”。有关如何解决这个问题的任何建议吗？

Answer 1

<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>

更改 innerWidth 和 innerHeight 以适合您的内容

在jquery colorbox / lightbox中打开url

1 个答案: