在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

回答

相關問題