jQuery ui菜單定位不正確

Question

這是我的jsfiddle。

http://jsfiddle.net/jgreen/K6QSd/2/

菜單似乎並沒有被尊重我的定位。

.menu({ 
    position: { 
     my: "right top", 
     at: "right bottom", 
     of: $('#button1'), 
     collision: "none" 
    } 
}) 

我試圖讓菜單排列在按鈕的右側，而不是它正在做的左側。

在此先感謝。

編輯：snowp提供了一種方式來獲取與CSS的行爲，但我真的在尋找爲什麼它不能與jQuery UI。

編輯＃2：我沒有完全熟悉文檔的關鍵部分。位置選項「標識子菜單 ...的位置」。子菜單！=菜單。衛生署。

Answer 1

@jgreen jQuery的解決方案您所需的菜單

$(this).next().show().menu().position({ 

      my: "right top", 
      at: "right bottom", 
      of: $('#button1'), 
      collision: "none" 
}) 

Answer 2

添加以下CSS 對於菜單這樣Click here

#subMenu 
    { 
     float:right; top:0px;right:-80px; 
     z-index:1; 
    } 

（OR）

添加以下CSS 對於菜單這樣Click here

#subMenu 
{ 
    float:right; top:32px;right:40px; 
}