Question

我有一个带自动填充的搜索文本字段。自动填充建议是链接，在悬停时它会重定向到网页。我在寻找是否有办法在搜索文本字段下方的div中的同一页面上打开网址（或在同一页面上打开网址的任何其他方式）。这是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;
            }

感谢您的帮助

Answer 1

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

Answer 2

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

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

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

如何在div中打开网址？

2 个答案: