2012-05-22 73 views
0

我有一個模式窗口,但我想設置一個關閉功能,以便當用戶單擊「按鈕」時,它將關閉模式窗口。有誰知道這是如何實現的?如何使用按鈕單擊關閉模式窗口

我有一個鏈接到應用程序,以便您可以查看它here

下面是JavaScript代碼,它顯示打開模態窗口,在那裏我想放置代碼以關閉設置功能的功能模態窗口:

function plusbutton() { 
    $(".previouslink").modal(); 
    return false; 
} 
function closewindow() {  
    return false; 
} 

下面是其中用戶點擊加號按鈕的形式的代碼,它顯示「previouslink」 div標記內的內容:

<form id="QandA" action="imageupload.php" method="post"> 
    <h1>CREATING QUESTIONS AND ANSWERS</h1> 
    <table id="plus" align="center"> 
     <tr> 
      <th><a onclick="return plusbutton();"> 
<image src="Images/plussign.jpg" width="30" height="30" alt="Look Up Previous Question" class="plusimage"/> 
      </a><span id="plussignmsg">(Click Plus Sign to look <br /> 
      up Previous Questions)</span> </th> 
     </tr> 
    </table> 
    <div class="previouslink"> 
     <h1>PREVIOUS QUESTIONS</h1> 
     <button type="button" id="close" onclick="return closewindow();">Close 
     </button></div> 
</form> 
+2

什麼它不標記爲jQuery的,但它的jQuery代碼。你爲什麼不使用jQuery對話框? – mattytommo

+3

沒有''標籤。使用''。 – j08691

回答

4

你的活例子表明我,你似乎可以用SimpleModal

從文檔:

關閉對話框

SimpleModal將自動綁定的密切 功能(使用onclick事件)與simplemodal-close類對話框 中的任何元素。此外,您可以 程序通過調用 $.modal.close();

表示關閉當前打開的對話框:在你closeWindow() - 功能,你可以簡單地輸入行:

$.modal.close(); 

和完成。

0

我在幾個網站上使用過這個jQuery reveal modal plugin,它對我很好。

另外,你應該檢查出jQuery Impromptu。我喜歡我自己的巡演功能,但是這些模式更有可能是你想要完成的。

的代碼從兩個例子可能會導致你,你是專門找:)

相關問題