Question

我正在使用jQuery UI位置功能将下拉框置于其按钮下方。它没有正确定位。这是一个fiddle。

$(".dropDown .dialogueBox").position({
    my:        "bottom center",
    at:        "top center",
    of:        $('.dropDown .drop-button'),
    collision: "flip"
});

$('.dropDown').on('click', '.drop-button', function() {
    if($(".dropDown .dialogueBox").is(':visible')){
        $('.dropDown .dialogueBox').fadeOut(300)
     } 
     else {
        $('.dropDown .dialogueBox').fadeIn(300);
    } 
});

我正在使用谷歌CDN的最新jQuery和jQuery UI库。

Answer 1

您刚刚切换了水平和垂直定位值。

$(".dropDown .dialogueBox").position({
    my:        "center top",
    at:        "center bottom",
    of:        $('.dropDown .drop-button'),
    collision: "flip"
});

这个小提琴奏效：http://jsfiddle.net/hfCNP/39/

jquery UI位置未正确定位

1 个答案: