getuikit模式窗口不顯示

我有以下的html代碼：getuikit模式窗口不顯示

<html> 
<title> Reddit </title> 
<head> 
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/uikit/3.0.0-beta.20/css/uikit.min.css" /> 

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.0/jquery.min.js"></script> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/uikit/3.0.0-beta.20/js/uikit.min.js"></script> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/uikit/3.0.0-beta.20/js/uikit-icons.min.js"></script> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/uikit/2.27.2/js/core/modal.min.js"></script> 

</head> 
<body> 
<button class="md-btn md-btn-success" data-uk-modal="{target:'#my_id'}">Open 
Dialogue</button> 

<div class="uk-modal" id="my_id" > 
<div class="uk-modal-dialog"> 
    <div class="uk-modal-header"> 
     Custom Content here 
    </div> 
</div> 

<div class="uk-modal-footer uk-text-right"> 
<button type="button" class="md-btn md-btn-flat uk-modal- 
close">Close</button> 
</div> 

</div> 
</body> 
</html>

並在那兒getuikit CDN鏈接加載的UIKit組件。然而，模態窗口根本不顯示。我不知道我是否正確地包含了一切。請幫忙。

來源

2017-04-10 Tricky coder

你的第四

相關問題