将外部txt文件加载到DIV中

时间:2012-02-07 11:46:45

标签: jquery

http://jsfiddle.net/9BCrs/2/

关于上面的小提琴,如何在块1中使用不同的链接来加载块2中的外部文件(txt,HTML),然后才能滑入视图?我知道JQuery.load()将成为流程的一部分

$(".block2").load("helloworld.txt");

1 个答案:

答案 0 :(得分:1)

这应该可行 - 将您的动画提供为.load()函数的完整回调。

$(function() {
    $(".link1").click(function() {
        $.load("url/to/load/from", function() {
            //Insert contents of file wherever
            $(".block1").stop(true, true).animate({ left: -400 }, 200);
            $(".block2").stop(true, true).animate({ left: 25 }, 200);
        });
    });

    $(".link2").click(function() {
        $.load("url/to/load/from", function() {
            //Insert contents of file wherever
            $(".block2").stop(true, true).animate({ left: 450 }, 200);
            $(".block1").stop(true, true).animate({ left: 25 }, 200);
        });
    });
});