jQuery的标签不工作

Question

我不知道为什么，这并不工作，但它应该：

$('#group-tabs').tabs({ 
    iframe: true, 
    load: function(event, ui) { 
     $('a', ui.panel).click(function() { 
      $("#test").load(this.href); 
      return false; 
     }); 
    } 
}); 

稍旧的版本（jQuery的1.8.x的和jQuery UI的1.9.x的）

http://jsfiddle.net/QGZZT/1/

Answer 1

你需要改变你的JavaScript，你访问了错误的元素：

$('#group-tabs').tabs({ 
    iframe: true, 
    beforeLoad: function(event, ui) { 
     $('a').click(function() { 
      alert(this.href); 
      $(".tab-content").load(this.href); 
      return false; 
     }); 
    } 
}); 

参考。 http://jsfiddle.net/QGZZT/2/

但是，我不相信你能够做你想做的事情，因为“由于浏览器的限制，大多数Ajax请求都受到”相同来源策略“的约束。

Ref。 Cannot load an external page with jQuery.load into a div in my page

你可以;然而，尝试使用$ .get或者只是更改一个iFrame的源代码（非常简单）。