0

我搜索了档案并尝试了给出的示例,但仍然没有运气。我想要做的是重新加载一个 div 并查询“uid”变量。我需要使用辅助文件来执行此操作还是可以在同一页面上完成?非常感谢任何积极的帮助。

的HTML:

<a id="cms-user-list1" href="#" onclick="clickToSlide(this.id, 'cms-user-orders-detail', '65');return false;">

Javascript:

function clickToSlide(er, cr, user_id)
{
    var pathtopage = 'blah.php';
    var a = parseInt($('#'+cr).css("left"));

    if (a ==50) {
        //SLIDE DIV LEFT AND LOAD UID
        $('#'+cr).animate({"left": "+=600px"}, "slow").load(pathtopage, {uid: user_id});

    } else {
        //SLIDE CURRENT DIV RIGHT, LOAD NEW UID AND SLIDE LEFT
        $('#'+cr).animate({"left": "-=600px"}, "slow"); 
        $('#'+cr).animate({"left": "+=600px"}, "slow").load(pathtopage, {uid: user_id});
    }       
}

更新 3/7

我无法找到我的问题的确切解决方案,所以我将数据发布到第二个 PHP 文件,效果很好!现在我遇到了动画问题。我可以再用一双眼睛看看我哪里错了吗?

function populateDetails(er, div, url, user_id) {        

    var a = parseInt($('#'+div).css("left"), 10);

    // ajax request
    $.ajax({
        type  : 'POST',
         url  : url,
         data : "uid="+user_id,
         beforeSend : function() {
             $('#'+div).html('processing');
         },
         error : function() {
             alert("Something went wrong. Try again.");
         },
         // success callback
         success : function (response) {
            if (a ==50) {
                $('#'+div).animate({"left": "+=600px"}, "slow").html(response);
            } else {
                $('#'+div).animate({"left": "-=600px"}, "slow").html('', function() {
                   $('#'+div).html(response).animate({"left": "+=600px"}, "slow"); // im not certain if `this` will work here
                });
            }            
         },
         timeout : 3000,
    });
};
4

1 回答 1

0

注意:我不太喜欢使用 jQuery,所以我的代码可能不起作用!

我不明白为什么你不能重复使用同一个文件(尽管你可能需要做一些事情来确保它不会在本地缓存它)

我认为您可能想要更改处理加载/重新加载 div 的方式。

以下(希望)将容器滑开,并开始(重新)加载内容,然后在加载完成后将容器滑回。(希望链接顺序是正确的,不确定他们执行的方向!)

$('#'+cr).animate({"left": "-=600px"}, "slow").load(pathtopage, {"uid": user_id}, function() {
   $(this).animate({"left": "+=600px"}, "slow"); // im not certain if `this` will work here
});

您可能会.load()被完整的回调触发,animate()以避免可能的内容闪烁。

更新

我认为您的问题是您的论点, 和er正在div丢失(我不知道这是事实)。我已经添加了上下文参数,并将您的更改为并重新排序了您的最后一件事,因为它没有回调,它就是这样。urluser_id$('#'+div)$(this).html().animate()

function populateDetails(er, div, url, user_id) {        
     $.ajax({
        type: 'post',
        url: url,
        data: 'uid='+user_id;
        context: $('#'+div),
        beforeSend: function() {
            $(this).html('processing');
        },
        error: function() {
            alert("Something went wrong!");
        },
        success: function(response) {
            var a = parseInt($(this).css('left'), 10); 
            if (a == 50) {
                $(this).animate({'left': '+=600px'}, 'slow').html(response);
            } else {
                $(this).animate({'left': '-=600px'}, 'slow', function() {
                    $(this).html(response).animate({"left": "+=600px"}, "slow");
                }).html('');
            }   
        },
        timeout: 3000
     });
};

如果您可以多描述一下“问题”,那将很有帮助:)

于 2013-02-24T21:55:22.507 回答