Javascript 移动隐藏菜单可以在JSFIDLE上使用，但不能在线使用。任何解决办法都会有帮助。

所以，我使用了下面URL的根JS小提琴（761之前的部分），我得到了一个很好的设计，它正是我想要的。以下是链接：

下面是Javascript代码：

$('#trigger').click( function() {
    if ($('#popout').hasClass('hidden')) {
        $('#popout').removeClass('hidden');
        showPopout();
    }
    else {
        $('#popout').addClass('hidden');
        hidePopout();
    }
});

function showPopout() {
    $('#popout').animate({
        top: 49
    }, 'slow', function () {
        $('#trigger span').html('|||');  //change the trigger text at end of animation
    });
}

function hidePopout() {
    $('#popout').animate({
        top: -150
    }, 'slow', function () {
        $('#trigger span').html('|||');  //change the trigger text at end of animation
    });
}

但当我在这里实现它时：它不起作用

---

有人知道这是为什么吗？

看起来您可能在加载DOM之前设置了单击处理程序

$(function() {

  $('#trigger').click( function() {
    [...]
  }  

});

您可以看到，通过将fiddle更改为“在头部”加载jQuery（就像您的实时站点），您的代码将停止工作。

您可能需要在单击处理程序周围添加以下内容。
这将在加载DOM后配置处理程序

$(function() {

  $('#trigger').click( function() {
    [...]
  }  

});

或者，尝试处理程序，以便将其应用于稍后添加到DOM的元素

$(document).on('click','#trigger',function() {
  [...]
});

---

看起来您可能正在加载DOM之前设置单击处理程序

$(function() {

  $('#trigger').click( function() {
    [...]
  }  

});

您可以看到，通过将fiddle更改为“在头部”加载jQuery（就像您的实时站点），您的代码将停止工作。

您可能需要在单击处理程序周围添加以下内容。
这将在加载DOM后配置处理程序

$(function() {

  $('#trigger').click( function() {
    [...]
  }  

});

或者，尝试处理程序，以便将其应用于稍后添加到DOM的元素

$(document).on('click','#trigger',function() {
  [...]
});

---

您需要在此页面上加载jQuery： jqueryui不是jQuery的等价物

---

您需要在此页面上加载jQuery： jqueryui不是jQuery的等价物

---

谢谢：）我也环顾了一下，功能似乎都不错。但是，jQuery在哪里？；）感谢所有的回复！我现在添加了jQuery，但这并没有解决它。我将尝试@showdev解决方案。我会把结果告诉你的。。。brb.@Shadna我看到您现在添加了jQuery。你仍然需要有这个才能让你的脚本工作。谢谢：）我也四处看看，功能似乎都很好。但是，jQuery在哪里？；）感谢所有的回复！我现在添加了jQuery，但这并没有解决它。我将尝试@showdev解决方案。我会把结果告诉你的。。。brb.@Shadna我看到您现在添加了jQuery。你仍然需要有这个才能让你的脚本工作。这很有效！非常感谢。如果我有这个名声，我会给你一些道具。这很有效！非常感谢。如果我有这个名声，我会给你一些道具。