jQuery를 사용하여 한 요소의 속성을 다른 요소로 복사

Question

다음과 같은 jQuery 코드는 아무 것도하지 않는 것 같습니다. 링크를 클릭하면 url 속성의 값을 iframe의 src 속성에 복사하려고합니다.

기본적으로 정상 링크처럼 작동하는 대신 iframe에서 링크가 열리도록 설정되어 있습니다 (iframe의 내용은 새 링크를 클릭 할 때마다 바뀝니다).

내 코드가 잘못 되었나요?

$('p.tweet a').click(function(){ 
    var link = $(this).attr('url'); 
    $('iframe').attr('src',link); 
}) 

Answer 1

그래서 내 코드 잘못된 것입니다 (기본 동작을 심지어 방지)을 href 속성을 취득 할 수 있습니다?

:

당신은 당신이에 가입함으로써 브라우저가 단순히 다른 곳으로 해당 페이지에서 리디렉션하기 전에 스크립트를 실행 할 기회를 떠나지 않을 앵커의 클릭 핸들러에서 false를 반환하여 기본 동작을 취소하지 않습니다

$(this).attr('url') 대신 $(this).attr('href')을 사용했습니다. href 속성은 표준 HTML의 url 속성보다 앵커에게 좀 더 일반적이지만, 앵커가 url 속성을 갖는 마크 업을 발명 한 경우 스핀을 줄 수 있습니다.

Answer 2

어쩌면 당신은

$('p.tweet a').click(function(ev){ 
    ev.preventDefault(); 
    var link = this.href; // no need to call the $ function 
    $('iframe').attr('src',link); 
}) 

Answer 3

하이퍼 링크의 URL은 특성이 아닌 href 특성에 포함되어 있습니다.

$('p.tweet a').click(function(event){ 
    var link = $(this).attr('url'); 
    $('iframe').attr('src',link); 
    // cancel default event 
    event.preventDefault(); 
});