2013-08-23 3 views
1

자동 완성 기능이있는 검색 텍스트 필드가 있습니다. 자동 완성 추천은 링크이며 마우스를 올리면 웹 페이지로 리디렉션됩니다. div 아래의 같은 텍스트 필드 (또는 다른 페이지에서 URL을 열 수있는 다른 방법) 아래에서 URL을 열 수있는 방법이 있는지 찾고있었습니다. 다음은 JS 코드에게 도움div에서 URL을 여는 방법은 무엇입니까?

+0

힌트 : AJAX 또는 iframe – Joseph

답변

2

를 사용하여 동적으로 jQuery를 wwith 삽입 할 수있는 iFrame을위한

$("#search").autocomplete({ 
      source: [ 
       { value: "Imdb", url: 'http://www.imdb.com' }, 
       { value: "Macys", url: 'http://www.macys.com' }, 
       { value: "Verisign", url: 'http://www.verisign.com' }, 
       { value: "Chitown", url: 'http://www.chitown.com' }, 
       { value: "DC", url: 'http://www.washingtondc.com' }, 
       { value: "SF", url: 'http://www.sanfran.com' }, 
       { value: "Peru", url: 'http://www.peru.com' } 
      ], 
      // source: '/brands', 
      focus: function (event, ui) { 
       window.location = ui.item.url; 
      } 

감사합니다. http://www.w3schools.com/tags/tag_iframe.asp

1

jQuery .load() 함수를 사용하여 div에 페이지를로드 할 수 있습니다.

// Replace .mydiv with the div class you want 
$('.mydiv').load(ui.item.url); 

당신이 때문에 같은 기원 정책을 다른 도메인에서 물건을로드 할 수는 없습니다.

관련 문제