我无法使两个jquery脚本一个接一个地工作

时间:2012-07-11 01:02:37

标签: javascript jquery

使用第一个脚本

加载后,第二个脚本无效

我试图使用此

加载它
$(document).ready(function() {


$('div.frame ul#main li a').click(function(){

        var toLoad = $(this).attr('href')+' #content';
        $('#content').hide('fast',loadContent);
        function loadContent() {
            $('#content').load(toLoad,'',showNewContent())
        }
        function showNewContent() {
            $('#content').show('normal',hideLoader());
        }
        function hideLoader() {
            $('#load').fadeOut('normal');
        }
        return false;

    });

});

在一页加载后使用这个

$(document).ready(function(e) {


    var currentportfolio = $('div#slider ul li:first-child').addClass('show');
    var portfolio = $('div#slider ul li');  
    $('div#slider ul li').not(':first').hide();


    $('.prev, .next').click(function() {
    // Determine the direction, -1 is prev, 1 is next
    var dir = $(this).hasClass('prev') ? -1 : 1;
    // Get the li that is currently visible
    var current = $('div#slider ul li:visible');

    // Get the element that should be shown next according to direction
    var new_el = dir < 0 ? current.prev('li') : current.next('li');

    // If we've reached the end, select first/last depending on direction
    if(new_el.size() == 0) {
        new_el = $('div#slider ul li:'+(dir < 0 ? 'last' : 'first'));
    }

    // Hide them all..
    $('div#slider ul li').hide();
    // And show the new one
    new_el.show();

    // Prevent the link from actually redirecting the browser somewhere
    return false;
});

});

我是jQuery的新手。提前谢谢。

1 个答案:

答案 0 :(得分:1)

查看.load的文档。 jQuery提供了一个“回调”函数作为部分.load函数。回调基本上是在.load完成后运行的回调。看起来你已经在使用它了。

http://api.jquery.com/load/

    function showNewContent() {
        $('#content').show('normal',hideLoader());
        additionalStuffToDoAfterLoad();
    }

    function additionalStuffToDoAfterLoad(){
         //all the stuff in section 2 goes here.
    }