jquery colorbox/lightbox의 URL 열기

나는 레스토랑 음식 메뉴를 표시하는 페이지가 있습니다. 그리고 사람이 특정 식품 항목을 클릭하면 colorbox 링크를 열려고합니다. 다른 앵커 태그에 영향을주지 않고 링크를 열 수있는 방법이 있나요? 기존 코드 (타사 플러그인으로 표시되는 메뉴)를 수정할 수는 없지만 페이지에 추가 스크립트 (jquery 또는 php)를 추가 할 수 있습니다. 그래서 ("a"). click()을 추가하고 싶었지만 특정 앵커 태그에 대한 href 링크를 얻는 방법을 모르겠습니다. 현재 내가 열어보고 싶은 모든 링크에는 "/ restaurants /"문자열이 있습니다. 이 문제를 해결하는 방법에 대한 제안?jquery colorbox/lightbox의 URL 열기

출처

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 - 두 가지 질문은 모두 컬러 박스와 관련되어 있지만 서로 다른 질문입니다. 그는 단지 클릭 이벤트를 추가하고 싶습니다. 링크 된 질문은 특정 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) 실제 colorbox가 갑자기 나타나지 않습니다. (http://delivery3.water-7.com/index.php/restaurants/manufacturers/3/Barcelona-Restaurant-&-Winebar/products). 페이지 src를 보면 코드가 lightbox.js에 있습니다. – user899893

jquery 이벤트를 필수 앵커 태그로 제한 할 수있었습니다. 하지만 실제 colorbox가 표시되지 않는 이유는 확실하지 않습니다. – user899893

jquery colorbox/lightbox의 URL 열기

답변

관련 문제