Html 按钮单击时的模式弹出窗口-语义UI

Html 按钮单击时的模式弹出窗口-语义UI,html,css,semantic-ui,Html,Css,Semantic Ui,您好,我最近一直在尝试让modals与语义UI一起工作,但我似乎无法让它按照我希望的方式工作。我希望这样,当用户单击侧边栏上的特定菜单时,页面上将弹出一个模式,用户可以在其中输入文本。如果有人知道怎么做,请在下面评论!谢谢 <a class="item"> <i class="money icon"></i> Free Coins </a> 免费硬币 感谢所有能帮忙的人 将更改为 jquery: <script typ

您好,我最近一直在尝试让modals与语义UI一起工作,但我似乎无法让它按照我希望的方式工作。我希望这样,当用户单击侧边栏上的特定菜单时,页面上将弹出一个模式,用户可以在其中输入文本。如果有人知道怎么做,请在下面评论!谢谢

<a class="item">
  <i class="money icon"></i>
  Free Coins
</a>

免费硬币
感谢所有能帮忙的人

更改为

jquery:

     <script type="text/javascript">

     $(document).ready(function(){
     $('#coins').click(function(){
        $('#modalid').modal('show');    
     });
     });

     </script>

$(文档).ready(函数(){
$(“#硬币”)。单击(函数(){
$('#modalid').modal('show');
});
});
注意:#modalid是您的模态div id

希望这能奏效。

更改为

jquery:

     <script type="text/javascript">

     $(document).ready(function(){
     $('#coins').click(function(){
        $('#modalid').modal('show');    
     });
     });

     </script>

$(文档).ready(函数(){
$(“#硬币”)。单击(函数(){
$('#modalid').modal('show');
});
});
注意:#modalid是您的模态div id

希望这能奏效。

$('myModal').modal('attachevents','a.item','show')

$('myModal').modal('attachevents','a.item','show')


//模型启动
存档旧邮件
//模型中的内容
您的收件箱已满,是否希望我们启用旧邮件的自动存档

//模型中的操作(按钮) 不 对 //模型端 //按钮单击以弹出模型 删除 //剧本 $('.ui.button')。单击(函数(){ $('.ui.basic.modal').modal('show'); });

//模型启动
存档旧邮件
//模型中的内容
您的收件箱已满,是否希望我们启用旧邮件的自动存档

//模型中的操作(按钮) 不 对 //模型端 //按钮单击以弹出模型 删除 //剧本 $('.ui.button')。单击(函数(){ $('.ui.basic.modal').modal('show'); });
code-only答案很少有用(特别是对于OP已经解决或放弃问题的老问题),通常会被删除。请对您的代码添加一个简短的解释,并解释它的作用以及为什么有人应该使用它来解决这个问题。这不是我的代码。来自他们文档的语义ui调用。仅代码的答案很少有帮助(特别是在OP已经解决或放弃问题的老问题上),通常会被删除。请对您的代码添加一个简短的解释,并解释它的作用以及为什么有人应该使用它来解决这个问题。这不是我的代码。这是来自他们文档的语义ui调用。