JQuery滑动水平onclick

Question

当你使用jQuery中的ajax加载onclick上一个/下一个图像时，能告诉我如何在水平方向上使用幻灯片div。

我的逻辑看起来像这样：

jQuery("#appt_1").click(function() {
    jQuery("#appt_1").load("/test/get_later_slots")
 });

Answer 1

我用它来向右滑动div并从集合中“删除它”

$('#'+val).hide('slide', {direction: 'right'}, 500, function() {
            $('#'+val).remove();
        });   

您可以修改它以适合您的情况。

Answer 2

如果你喜欢使用插件，我建议使用这个：

• Jcarousel

Answer 3

你可以在jquery中使用animate选项并向左或向右滑动你的div！

离。

$("#id1").click(function() {
    $("#id2").animate ({
right:'120px', opacity:'1'},500);

});

最初我会保持不透明度：＃id2为0，以便隐藏它，点击它会将不透明度改为1，就像那样简单!!