2012-07-09 4 views
-1

jQuery에서 div 클래스 내의 링크 그룹을 볼 수 있는지 궁금 해서요. 링크 중 하나가 클릭되면 해당 링크의 src가 iframe에로드됩니다.jquery로 iframe에로드 링크 src

나는 그것이 될 것이라고 생각 뭔가 같은

내 jQuery를 지금 확실히이

$(function() { 
$('.link_group a').on('click', function(){ 
$('iframe#frameID').attr('src', $(this).prop('href')); 
}); 
}); 

HTML처럼 작동하지 않습니다 ..

<div class="link_group"> 
<a href="Link 1.asp">Link 1</a> 
<a href="Link 2.asp">Link 2</a> 
<a href="Link 3.asp">Link 3</a> 
<a href="Link 4.asp">Link 4</a> 
</div> 

하지만 그게 전부 보이는 편집 -

$(function() { 
$('.link_group a').on('click', function(){ 
    $('iframe#frameID').attr('src', $(this).attr); 
}); 
}); 

아무도 이것을 올바르게 수행하는 방법을 알고 있습니까?

답변

1

당신은 또한 attr() 메서드에 매개 변수를 전달하고, 필요 어떤 속성을 선택하십시오 :

,210
$(this).attr('href') 
jQuery를에

또는 최근 : 다른 페이지에서 정확히 같은 스크립트를 사용하여 다른 요소 유형에 id 것을 사용하지 않는, 그래서 또한

$(this).prop('href'); 

, id는 지정, 문서 내에서 고유 iframe이 중복되어 선택기의 속도가 느려질 수 있습니다.

+0

답장을 보내 주셔서 감사합니다. attr ('src', $ (this)) .prop ('href'));'내 함수 내에서 작동하지 못했습니다. 또한 제거하려고했습니다. 당신이 제안한 것처럼 #frameID,하지만 여전히 행운이 없었어. prop()를 사용하는 것의 꼭대기에 – xxstevenxo

+0

나는 또한 preventDefault를 필요로했다. 지금은 완벽하게 작동합니다. 고맙습니다! – xxstevenxo

0

시도 :

$(this).attr("href") 

또는 바람직하게는 1.6 jQuery를에 :

$(this).prop("href") 

대신 :

$(this).attr 
+0

... 또는 선호하는'.prop()'. jQuery 1.6 이후. – Pointy

관련 문제