如何使用语义UI

Question

使用引导程序，我可以打开一个模式使用HREF远程内容进行远程模式？官方网站只教如何打开这样一个模式：

$('.ui.modal').modal('show'); 

感谢

Answer 1

你可以试试这个方法 - 这件事情，我想出了允许远程html页面的加载到语义UI模态。

您使用带有链接到您的远程页面的超链接的锚定标记，然后拉入远程页面的内容来填充您的模式。这将适用于页面上的多个定位标记，对于信息模式非常有用，这些信息在点击给他们信息或类似信息时弹出。

这里的JavaScript：

<script> 
    $(function() { 
     $('.info-modal-link').each(function() { 
      $(this).on('click', function (e) {     
       e.preventDefault(); 
       var url = $(this).attr('href'); 
       $.get(url, function (data) { 
        $('.info.modal .content').html(data); 
        $(".info.modal").modal({closable:true,observeChanges:true}).modal('show'); 
       }); 
      });    
     }); 
    }); 
</script> 

然后在你的页面，你需要对模式的标记（我有它无头）：

<div class="ui small info modal"> 
    <div class="content"></div> 
</div> 

然后超链接触发模式：

<a href="/yourremotepage.html" class="info-modal-link">Find out more</a> 

这有点粗糙和准备好，我不知道它将如何执行，但它的工作。