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的源代碼（非常簡單）。