Javascript 将按钮附加到语义ui侧栏

我试图在semantic-ui.com上创建一个简单的侧边栏，只是我希望它位于右侧。看起来很简单，除了让按钮连接是我最大的问题。您可以在JSFIDLE上看到它，有点工作。。。。。 HTML:

---

如果将按钮固定，则向右：0px；那它就在右边。如果侧边栏推动页面或不推动页面，您也可以在侧边栏打开时设置位置动画。

我知道这很遥远，但我仍然有一个问题，修复非常简单，希望能有所帮助

您只需创建一个按钮元素并将其放置在边栏和推送器元素之间，然后分配正确的css类

<div class="ui sidebar"></div>

<button class="ui black big right attached fixed button">
My Button attached to sidebar</button>

<div class="pusher"></div>

我的按钮连接到侧边栏

---

然后，按钮将与页面左侧的侧边栏连接并流动。

我没有验证，但我相信答案。

$(".launch.button").mouseenter(function(){
        $(this).stop().animate({width: '215px'}, 300, 
             function(){$(this).find('.text').show();});
    }).mouseleave(function (event){
        $(this).find('.text').hide();
        $(this).stop().animate({width: '70px'}, 300);
    });
$(".ui.overlay.sidebar").sidebar({overlay: true})
                .sidebar('attach events','.ui.launch.button');

<div class="ui sidebar"></div>

<button class="ui black big right attached fixed button">
My Button attached to sidebar</button>

<div class="pusher"></div>