2009-09-11 66 views
0

此代碼是模態確認從jQuery的現場演示:如何在jQuery中編輯對話框中的按鈕動作?

<script type="text/javascript"> 
$(function() { 
    $("#dialog").dialog({ 
     bgiframe: true, 
     resizable: false, 
     height:140, 
     modal: true, 
     overlay: { 
      backgroundColor: '#000', 
      opacity: 0.5 
     }, 
     buttons: { 
      'Yes': function() { 
       $(this).dialog('close'); 
      }, 
      'No': function() { 
       $(this).dialog('close'); 
      } 
     } 
    }); 
}); 
</script> 



<div class="demo"> 

<div id="dialog" title="Empty the recycle bin?"> 
    <p><span class="ui-icon ui-icon-alert" style="float:left; margin:0 7px 20px 0;"></span>These items will be permanently deleted and cannot be recovered. Are you sure?</p> 
</div> 

<!-- Sample page content to illustrate the layering of the dialog --> 
<div class="hiddenInViewSource" style="padding:20px;"> 
    <p>Sed vel diam id libero <a href="http://example.com">rutrum convallis</a>. Donec aliquet leo vel magna. Phasellus rhoncus faucibus ante. Etiam bibendum, enim faucibus aliquet rhoncus, arcu felis ultricies neque, sit amet auctor elit eros a lectus.</p> 
    <form> 
     <input value="text input" /><br /> 
     <input type="checkbox" />checkbox<br /> 
     <input type="radio" />radio<br /> 
     <select> 
      <option>select</option> 
     </select><br /><br /> 
     <textarea>textarea</textarea><br /> 
    </form> 
</div><!-- End sample page content --> 

</div><!-- End demo --> 

<div class="demo-description"> 

<p>Confirm an action that may be destructive or important. Set the <code>modal</code> option to true, and specify primary and secondary user actions with the <code>buttons</code> option.</p> 

</div><!-- End demo-description --> 

誰能告訴我如何修改按鈕的動作?當點擊「是」時,我想要重定向到test.php,當我點擊「否」時,我想要重定向到另一頁。

回答

1

如何掛鉤到兩個按鈕應該是顯而易見的,所以我假設你的實際問題是「你如何使用javascript重定向」。具體方法如下:

window.location = "http://something.com/foo" 

如果你不知道在哪裏把這個片段中,看了你的代碼出聲,你會弄明白。

+0

這就是我的意思。對不起,我是一個小菜鳥。謝謝! – noob 2009-09-11 19:59:47

+0

既然你是新來的人:如果我的帖子回答了你的問題,請點擊它上面的「已答覆」複選標記,以便它被標記爲已接受。 – 2009-09-11 20:03:57

+0

另一個問題我怎樣才能整合這個按鈕?我的意思是當我運行這個代碼時,對話框自動出現。我怎麼才能讓它出現後只有按下按鈕? – noob 2009-09-11 20:05:09

相關問題