2012-09-27 85 views
0

我想在我的移动应用程序中做一个弹出窗口。我的代码是这样的:jQuery移动弹出窗口在新窗口中打开

<a id="options" data-role="button" data-icon="gear" data-iconpos="notext" href="#optionsPopup" data-rel="popup" data-inline="true"></a> 

<div data-role="popup" id="optionsPopup" data-overlay-theme="a" style="padding-top: 40px"> 
    <ul data-role="listview" data-inset="true" style="data-theme:a"> 
     <li><a href="#" id="go">Go to</a> 
      <input name="goInput" type="hidden" data-role="datebox" id="goInput" data-options='{"mode": "calbox"}' /> 
     </li> 
     <li> 
      <a href="#" id="compare">Compare</a> 
      <input name="compareInput" type="hidden" data-role="datebox" id="compareInput" data-options='{"mode": "calbox"}' /> 
     </li> 
     <li><a onclick="goToday()" >Today</a></li> 
    </ul> 
</div> 

当我点击#options弹出打开,但不是在一个弹出,但在一个新的窗口!

有没有人有任何想法为什么会这样?

+0

您是否在多个浏览器中尝试过?某些浏览器有一个设置可以在新标签中打开弹出窗口。 – nycynik

+0

目前我正在尝试在Firefox和谷歌浏览器。在我的手机与海豚浏览器和Android浏览器不工作! – Lucia

+0

似乎在这里正常工作http://jsfiddle.net/XJDGe/其他必须发生,你没有在你的例子中显示。 –

回答

2

您是否想要使用data-rel="dialog"而不是data-rel="popup"

如果是这样,您可以看到更多关于对话框文档here的信息。

从评论中更新小提琴将得到this

+0

我试图做一个弹出窗口,但我不知道为什么不工作!但对话适应我的需求!谢谢!!! – Lucia

+0

我很高兴它的帮助和项目的好运。谢谢 – Chase