jQuery 변수 (iframe URL)

Question

이 스크립트가 작동하지 않는 이유는 무엇입니까?

$(function() { 
    var isbn = $('input').val(); 
    $('button').click(function() { 
     $("#data").html('<iframe height="500" width="1000" src="http://books.google.com/books?vid=ISBN' + isbn + '" />'); 
    }); 
}); 

자세히 알 수 있듯이 필자는 데모 웹 사이트에 매우 간단한 ISBN 조회 필드를 사용하려고합니다. 스크립트는 입력 값을 가져 와서 URL에 삽입합니다. 왜 작동하지 않는거야?

또한이 목적을 달성하는 더 좋은 방법이 있습니까?

iframe은 쓰레기지만, 지금 당장은 간단하게하고 싶습니다.

Answer 1

하지만,이 라인은 :

는 클릭 핸들러 내에 있어야 반면 전용 페이지로드 시간에 한 번만 호출

var isbn = $('input').val(); 

:

$('button').click(function() { 
    var isbn = $('input').val(); 
    $("#data").html('<iframe height="500" width="1000" src="http://books.google.com/books?vid=ISBN' + isbn + '" />'); 
}); 

Answer 2

왜 HTML을 가져 와서 요소 내에서 표시, 당신은 아약스로드 기술을 통해 볼 수 원하는 페이지를로드 할 수 없습니다 : 코드가 호출 될 때 그것은 분명하지 않다

$(function() { 
    var isbn = $('input').val(); 
    $('button').click(function() { 
     $("#data").load('http://books.google.com/books?vid=ISBN' + isbn); 
    }); 
}); 

Answer 3

문제는 귀하의 코드가 아니라 쿼리 문자열입니다. 다음과 같이

은 수정하십시오 작동합니다 : 무엇을 작동하지

var isbn = "1603038159"; 

     $("#data").html('<iframe height="500" width="600" src="http://books.google.com/books?as_isbn=' + isbn);