2012-03-20 85 views
0

我試圖在chocolatechipUI彈出窗口中獲取Mobiscroll日期選擇器。目前我已經嘗試將輸入文本字段放入彈出窗口中,以查看日期選擇器的位置是否與父元素相對。日期選擇器顯示在頁面中間,不在彈出窗口內,這是我的目標。ChocolatechipUI popover內的Mobiscroll日期選擇器?

創建酥料餅:

$.UIPopover(popover2); 
var popover3 = { 
    triggerElement: "#showPopover3", 
    popoverOrientation: "top", 
    pointerOrientation: "right", 
    id: "popover3", 
    title: "Popover Three" 
}; 

添加量:

$("#popover3 scrollpanel").append('<input type="text" class="mobiscroll" id="datePicker"/>'); 

綁定點擊一個按鈕:

$("#showPopover3").bind("click", function() { 
    $.UIPopover.show($("#popover3")); 

如何得到這個工作,任何幫助,將不勝感激。

回答

1

2.0引入了內聯模式。嘗試將內聯滾動器放入彈出窗口中。 舉例來看http://demo.mobiscroll.com

+0

什麼是嵌入式模式,請您解釋一下圓頂有幾個例子 – Hunt 2014-07-09 15:27:13

+0

當然......有幾種顯示模式。 Modal(在屏幕中間彈出),Bubble(彈出在綁定元素旁邊),Top/Bottom(彈出窗口的頂部或底部)和Inline(渲染不帶彈出窗口) - 請參閱示例:http:// demo.mobiscroll.com/datetime/date/#display=inline – 2014-07-14 14:41:25

相關問題