3

それぞれのタブをクリックすると、外部サイトを div にロードしようとしています。私は誰でも正しい解決策を提案できるajax jquery cudを初めて使用しています。

私はこれを試しました

4

1 に答える 1

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);       
});

</ p>

于 2012-10-03T09:44:10.847 に答える