jQuery Fancybox

의 id 값을 얻으려고하면 참조 할 ID 값을 얻습니다. 나는 아이디의 플러스 잘 작동 몇 가지 다양한 일들을 할당 할 phpFlickr을 사용하고jQuery Fancybox

<a class="photoBig" id="<?php echo $photo['id'] ?>" href="<?php echo $f->buildPhotoURL($photo, 'large') ?>" title="<?php echo $photo['title'] ?>">

:처럼 내 A의 부호 보인다.

그래서 내가 사용하십시오 Fancybox를 열 수있는 코드는 다음과 같습니다

$("a.photoBig").attr('rel', 'gallery').fancybox({ 
      'titleShow'  : true, 
      'overlayOpacity' : 0.9, 
      'overlayColor' : '#000', 
      'autoScale' : false, 
      'scrolling' : true, 
      'titlePosition' : 'inside', 
      'showNavArrows' : true, 
      'cyclic' : true, 
      'showCloseButton' : false, 
      'titleFormat' : formatTitle 
     });

다음 인 기능 fomatTitle :

function formatTitle(title, id, currentArray, currentIndex, currentOpts) { 
    return '<div id="photoBig-title"><span><a href="javascript:;" onclick="$.fancybox.close();"><img src="images/site/closelabel.gif"></a></span>' + (title && title.length ? '<strong>' + title + '</strong>' : '') + $(this).id + '<a href="http://www.flickr.com/photos/rustybones/' + this.id + '" title="view original on flickr">view full size</a></div>'; 
}

모든 것이 this.id.를 제외하고이 기능을 작동 분명히 나는이 잘못을하고있어, 그래서 어떤 도움이 최고 일 것입니다! 고맙습니다.

출처

2010-07-14 Rhys

일치하는 클래스가있는 페이지에 태그가 두 개 이상 있다고 가정합니다. – spinon

중복 : http://stackoverflow.com/questions/2961496/fancybox-get-id-of-clicked-anchor-element. 도움이되는지 확인하십시오. – spinon

그래, 같은 클래스의 일련의 이미지가있다. 나는 당신이 링크 된 솔루션을 시도했지만 Fancybox가 팝업 될 때 "ID가 4093839를 클릭했습니다"라는 문자열이 있으므로 숫자 문자열은 ID이지만 나중에이 ID를 내 formatTitle 함수에 넣고 싶습니다. 내 href. – Rhys

this.id
또는
$(this).attr('id')

~~로 변경~~

$(this).id
하고 작동되는지 확인합니다.

편집 : 좋아,이 테스트를했는데 그것은 작동 :

사용 currentArray[currentIndex].id이 ID를 얻을 수 있습니다.

다른 방법으로 ID를 사용하여 이미지를 가리킬 수 있다면 $ (this) .attr ('href')를 사용할 수 있습니다.

출처

2010-07-14 19:05:03 user384918

아니요, 그냥 "정의되지 않음"을 반환합니다. – Rhys

나는이 함수에서 $ (this) .id와 this.id를 모두 사용하고 있음을 알았다. 둘 다 $ (this) .attr ('id')로 변경하려고 했습니까? 정의되지 않은 것을 반환한다는 것은 무엇을 의미합니까? 상자에서 말한 것이거나 링크를 클릭했을 때 무엇입니까? – user384918

그것은 상자에, 내가 여기에서 일하고있는 것에 대한 링크가있다 : http://bit.ly/9gDA8v – Rhys

jQuery Fancybox

답변

관련 문제