jquery-animate - 动画动画到新高度，然后回到旧高度

Question

我有一个在三张幻灯片之间移动的滑块，当它们滑动时，它们的容器会改变高度以适应它们的高度。现在我只有前两个，当你点击第二张幻灯片时，高度会正确改变，然后又回到原来的高度，我不知道为什么。

我有一个 JS Bin 设置了孤立的问题。如果您单击它展开的地图，然后单击 850 Boylston 链接，您将看到该问题。任何帮助将不胜感激，这让我发疯。

http://jsbin.com/unehul/2/edit

Answer 1

您需要更正一个字母 - d_Foxboro（大写 F）：

$( "#d_Foxboro" ).click(function(){
  $( "#location_slider" ).animate({
    "margin-left": -840
  }, 450 );
});

此外，每次单击三个菜单之一时，都会触发该$("#directions").click(function()事件。结果是按照在...上执行的函数的指示设置所有幻灯片。$("#directions").click您可以使用 .unbind() 来防止这种情况发生：

$("#directions").click(function() {
    window.setTimeout(directions_open, 450);
    $('#directions').unbind('click');
});