2012-12-27 241 views
3

我的网站建立在HTML5,CSS3和Jquery-moblie ..从另一个弹出窗口打开一个弹出窗口

我使用Jquery-mobile的弹出窗口。

在一个弹出窗口中,我有一个按钮,当按下时我想当前弹出窗口将关闭,另一个将打开。

我试着这样说:

弹出窗口:

<div id="MyFirstPopup" data-role="popup" data-theme="a" data-overlay-theme="a" class="ui-content"> 
     <a data-role="button" data-transition="none" data-theme="b" 
      onclick="ShowSecond();" data-icon="forward" data-iconpos="left" > 
     </a> 
    </div> 

    <div id="MySecondPopup" data-role="popup" data-theme="a" data-overlay-theme="a" class="ui-content"> 
    ... 
    </div> 

JS:

function ShowSecond() 
{ 
    $('#MyFirstPopup').popup('close'); 
    $('#MySecondPopup').popup('open'); 
} 

它没有工作。

有没有人有解决方案?

+2

''功能ShowSecond(){ $( '#MyFirstPopup')弹出( '亲密')。 $('#MySecondPopup')。popup('open'); ''在ID前使用#。 – Turcia

+0

在我的网站上我使用#,只需通过编辑该问题已被删除..我再次编辑该问题 –

+0

你会得到任何错误? –

回答

2

首先不要使用onclick =“ShowSecond();”直接在一个标签上。

我创造了你的工作示例:http://jsfiddle.net/Gajotres/8Arrt/

添加click事件是这样的:

$('#popup-button').live('click', function(e) { 
    setTimeout(function(){$('#MySecondPopup').popup('open');},500) 
    $('#MyFirstPopup').popup('close'); 
}); 

或使用。对(如果您正在使用新的jQuery库无法打开新的弹出窗口,除非。旧的接近,但你也不能现在打开事件关闭最后一个,需要这样的setTimeout功能弹出设置任何你需要超时/想

1

试试这个:。

<div id="MyFirstPopup" data-role="popup" data-theme="a" data-overlay-theme="a" class="ui-content"> 
    <a id="btOpenSecPopup" data-role="button" data-transition="none" data-theme="b" 
     onclick="ShowSecond();" data-icon="forward" data-iconpos="left" > 
    </a> 
</div> 

<div id="MySecondPopup" data-role="popup" data-theme="a" data-overlay-theme="a" class="ui-content"> 
... 
</div> 

你的js文件

$('#btOpenSecPopup').live('click', function(e) { 
    $('#MyFirstPopup').popup('close'); 
    $('#MySecondPopup').popup('open'); 
} 
相关问题