1

我有一个带有自动完成功能的搜索文本字段。自动完成建议是链接，悬停时它会重定向到网页。我正在寻找是否有办法在搜索文本字段下方的 div 中的同一页面上打开 url（或在同一页面上打开 url 的任何其他方式）。这是js代码

$("#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;
            }

感谢帮助

4

2 回答 2

2

使用可以通过 jQuery 动态插入的 iFrame。 http://www.w3schools.com/tags/tag_iframe.asp

于 2013-08-23T14:27:46.880 回答
1

您可以使用 jQuery .load()函数将页面加载到 div 中。

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

请记住，由于同源策略，您无法从其他域加载内容。

于 2013-08-23T14:31:03.743 回答