Question

我有一个手风琴，显示我从一些输入项输入值的项目 - 例如，如果我选择日期，手风琴会显示所选日期等。

示例屏幕 - 顶部是带有选定值的手风琴，底部是我输入值的位置

Date: Sep 20 2013 | Customer: MLJJ

日期： _ __ _ __ 客户： __ _ __ _ __ _

当用户点击日期的输入字段时，我会弹出一个div。我想对手风琴中的只读文本做同样的事情。但是我的日期滑块的顶部被手风琴隐藏了。我已经尝试将z-index设置为一些非常高的值，但无济于事。有没有办法完成我想要做的事情。提前谢谢。

代码段

    function positionMe(myTextBox) {
    var mybox = myTextBox;
    $("#popup").show();
    $( "#popup" ).position({
                               of: $( mybox ),
                               my: "left top",
                               at: "left bottom"
                           });
}

popup是一个div

   <div id="popup">
    <div class="input">

        <div>
            <input type="text" id="timeslice" size="5" />

        </div>
    </div>
  </div>

Answer 1

我自己解决了 -

我将popup div附加到accordion元素然后定位它。这似乎显示了弹出窗口。

   $("div#top-criteria").append($("div#popup"));
    positionRight('div#top-criteria');

由于

如果问题有点含糊，我道歉。

JQuery UI - 手风琴 - 在手风琴上显示div元素

1 个答案: