使用jquery.slimscroll，第二个init不再通过鼠标滚轮滚动（带示例）

Question

所以我正在使用jquery.slimscroll（https://github.com/rochal/jQuery-slimScroll）。当我加载内容并调用.slimScroll时，脚本按预期工作，当我第二次加载内容时，内容不再通过鼠标滚轮滚动。我创建了一个例子：

$("nav > ul#notificationList > li").hover(
            function () {
                GetNotifications();
            },
            function () {
                //ResetNewNotificationCount();
            });

function GetNotifications()
{

 var $notifications = $("nav > ul#notificationList > li > div");

 $notifications.empty();


  for(i=0; i<30; i++)
  {
      $notifications.append($("<div/>", {
                "class": "notification"
            }).append("<span>test test test test</span>"));
  }
  $("nav > ul#notificationList > li > div").slimScroll({
          height: "25em",
          width: "25em"
     });
}

如果你将鼠标悬停在铃铛上，内容会被加载，滚动就会起作用，如果你第一次将鼠标悬停在铃铛上，内容就不再滚动了......

请参阅：http://jsfiddle.net/5j58u9z8/5/

似乎onmousewheel eventhandler以某种方式被破坏（由悬停引起？）

任何人都可以帮我解决这个问题吗？

Answer 1

我需要给我加载通知的div一个Id;