单击相关选项卡，在div中加载外部站点

Question

我正在尝试在点击相应标签的div中加载外部网站。我是ajax jquery cud的新手，任何人都可以提出正确的解决方案。

i have tried this

Answer 1

由于跨域限制，您只能使用iframe执行此操作。见http://en.wikipedia.org/wiki/Same_origin_policy

要解决此问题，您可以将#test元素更改为iframe 而不是ajax加载尝试类似：

$("#test").prop("src", link);

我已经更新了你的小提琴以展示一个有效的例子。

http://jsfiddle.net/Ztxsx/5/

基本上你需要的所有Javascript智能是：

$('#nav ul li a').on("click", function(e) {

    var url =  $(this).text();
    var li_link ='http://www.' + url + '.com';
    e.preventDefault();

    $("#test").prop("src", li_link);       
});