2016-11-08 1 views
0

My JS ниже работает из моей строки поиска и показывает результаты на той же странице DIV. Я хотел бы отредактировать это, чтобы перенести их на страницу, выбранную из панели поиска, возможно, даже используя отдельный файл JSON, или нет, в любом случае.Я изо всех сил пытаюсь изменить свой JS-код для запуска URL вместо текущего показа и вывода div

$(function(){ 
    var url = [ 
    { value: 'Home', data: 'http://google.com' }, 
    { value: 'Guide', data: 'http://google.com' }, 
    { value: 'Examples', data: 'ttp://google.com' }, 
    { value: 'Themes', data: 'http://google.com' }, 
    { value: 'Download', data: 'http://google.com' }, 
    ]; 

    // setup autocomplete function pulling from currencies[] array 
    $('#autocomplete').autocomplete({ 
    lookup: url, 
    onSelect: function (suggestion) { 
     var thehtml = '<strong>Page Name:</strong> ' + suggestion.value + ' <br> <strong>URL:</strong> ' + suggestion.data; 
     $('#outputcontent').html(thehtml); 
    } 
    }); 


}); 
+0

Что происходит, когда вы замените содержимое вашей onSelect функции с: 'window.open (suggestion.data)'? – Falk

+0

все, что я получаю, это пустая панель поиска. теряет выпадающие предложения и остается пустым. Извините, я не слишком разбираюсь в JS, в отличие от моего css. – geesgee

+0

hm, я не осведомлен об установке автозаполнения, которую вы используете, но когда вы передаете строку url в 'window.open()', она должна открыть новое окно. Получаете ли вы всплывающее сообщение? – Falk

ответ

0

Вы можете использовать window.location.assign для загрузки URL-адреса в качестве нового документа.

// setup autocomplete function pulling from currencies[] array 
$('#autocomplete').autocomplete({ 
    lookup: url, 
    onSelect: function (suggestion) { 
     window.location.assign(suggestion.data); 
    } 
}); 

В качестве альтернативы, вы можете использовать window.location.href = suggestion.data;

+0

Как в стороне, вам не хватает 'h' в' {value: 'Examples', data: 'ttp: //google.com'}, ' – Nunicorn

+0

вы, мой друг, легенда. Работает отлично. Мне жаль, что я не вижу JS, как я вижу HTML и CSS. еще раз спасибо – geesgee

Смежные вопросы