こんにちは、ドロップダウンメニューオプションをクリックすると表示される簡単なポップアップリストがあります。残念ながら、そのポップアップはCSS絶対の下にあり、それがないとポップアップはページの下に入ります。
また、ブラウザごとに異なる位置に表示されます。
$self.next().bind('click', viewList);
if (!settings.appendTo) {
$self.after(createDropdown($self, selectboxCounter));
} else {
var offset = $self.parent().offset();
$(settings.appendTo).append(createDropdown($self, selectboxCounter).css({
'top': offset.top,
'left': offset.left,
'width': 100//'width': $self.parent().width() * 0.8
}));
}
}
$self.trigger('change');
selectboxCounter++;
});
// Hide dropdown when click is outside of the input or dropdown
$(document).bind('click', hideDropdown);
$('.sb-custom').find('.sb-select').live('keydown', selectKeypress);
$('.sb-custom').bind('blur', clearKeyStrokes);
$(document).delegate('.sb-dropdown', 'focus', viewList);
return this;
};
親選択の位置、またはメニュー位置にポップアップを配置したい。また、さまざまなブラウザーに調整します。