在jquery中打开url colorbox/lightbox

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

来源

2012-01-19 user899893

尝试的IFrame，你可以让他们更好看，因为你需要它，你可以打开它们。 – coder

我认为这是你需要的东西http://stackoverflow.com/questions/1383304/how-to-construct-a-url-to-open-a-page-with-jquery-lightbox-plugin-colorbox – coder

@DotNetter - 这两个问题都与colorbox有关，但它们是不同的问题。他只是想添加一个点击事件，并且你链接到的问题是关于当访问某个url时自动触发colorbox – Tom

<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，以适应您的内容

来源

2012-01-19 21:36:56 Tom

我有两个问题使用上面的代码：1）它被触发了每个锚标记。 2）实际的彩盒并没有出现。（http://delivery3.water-7.com/index.php/restaurants/manufacturers/3/Barcelona-Restaurant-&-Winebar/products）。如果你看看页面src的代码是在Lightbox.js – user899893

我能够将jquery事件限制为所需的锚标签。但我不确定为什么实际的彩盒没有显示出来 – user899893

在jquery中打开url colorbox/lightbox

回答

相关问题