2017-06-23 132 views
0

我必須失去一些明顯的東西。該對話框將關閉頂部拐角處的關閉按鈕,但我隱藏了這一點,以便他們必須回答問題。但是,按鈕上的單擊操作後,對話框不會關閉。我已經看過StackO上的其他帖子,但無濟於事......我在這裏做錯了什麼?JqueryUI對話框將不會關閉按鈕點擊

<link rel="stylesheet" href="/css/jquery-ui.css"> 
<script src="/js/jquery.js"></script> 
<script src="/js/jquery-ui.js"></script> 

<div id="dialog" title="Age Disclaimer">Are you 21 years old?</div> 

<script> 
$("#dialog").dialog ({ 
    autoOpen: true, 
    width: 410 
}); 

$("#dialog").dialog ({ 
    dialogClass: "no-close", 
    buttons: { 
    'Yes, I am 21 years old!': function() { 
     $("#dialog").dialog('close'); 
    }, 
    'No, I am not 21 years old.': function() { 
     $(this).dialog('close'); 
    } 
    } 
}); 
</script> 

回答

0

您可以使用$("#dialog").dialog('close');來關閉對話框。那麼這將是:

$("#dialog").dialog ({ 
    dialogClass: "no-close", 
    buttons: { 
    'Yes, I am 21 years old!': function() { 
     $("#dialog").dialog('close'); 
    }, 
    'No, I am not 21 years old.': function() { 
     $("#dialog").dialog('close'); 
    } 
    } 
}); 

演示:https://jsfiddle.net/n5v3ux64/

+0

我都試過,你可以看到,在「Yes」按鈕,多數民衆贊成正是我所做的哦和‘dialogclose’是一個expirement我它原本就是'close',我現在編輯它 – Edge

+0

@Edge,你可以在我的jsfiddle中看到,它工作的很好,那麼,你需要提供更多的代碼/解釋更多的問題 – Mark

+0

是的,我確定聽到你說的話,這就是所有與對話有關的代碼,所以也許有些代碼會干擾它,這可能是我正在使用的方括號的預覽功能嗎? – Edge