打开语气模式

我只是不知道如何打开这种模式。我通常使用Bootstrap，但想尝试新的布局。打开语气模式

这里是我用来打开模态按钮：

<div class="ui pointing menu"> 
     <a class="item" id="#register">Register</a> 
     @include('auth.modals') 
</div>

这里是我的情态：

<div id="register-modal" class="ui modal"> 
    <i class="close icon"></i> 
    <div class="header"> 
     Profile Picture 
    </div> 
    <div class="image content"> 
     <div class="ui medium image"> 
      <img src=""> 
     </div> 
     <div class="description"> 

     </div> 
    </div> 
    <div class="actions"> 
     <div class="ui black deny button"> 
      Nope 
     </div> 
     <div class="ui positive right labeled icon button"> 
      Yep, that's me 
      <i class="checkmark icon"></i> 
     </div> 
    </div> 
</div>

，这里是我的JavaScript：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script> 
<script src="semantic/dist/semantic.min.js"></script> 

     <script> 
      $(document).ready(function(){ 
       $('#register').click(function(){ 
        $('#register-modal').modal('show'); 
       }); 
      }); 
     </script>

来源

2016-07-26 David

-2

想通了出来了！

我猜你打开模式的按钮必须是一个类？

<a class="item register">Register</a>

然后在JavaScript中传递这样的：

<script> 
      $(document).ready(function(){ 
       $('.register').click(function(){ 
        $('#register-modal').modal('show'); 
       }); 
      }); 
     </script>

来源

2016-07-26 00:13:45 David

这是不正确的，你可以以任何你想要的方式引用按钮，id，class或者只是在DOM中查找它，或者使用knockout ...或者其他任何东西。问题出在您的代码中。 – mikus

老兄，你是怎么把这个接受的答案提出来的，首先它是完全错误的，其次你已经承认了，另一个指出了真正的问题。真是一团糟。尝试先阅读规定。 – mikus

整个问题是，元素试图附加click事件不存在哪。您指定id="#register"，而不是id="register"

修正属性将做的工作：

<div class="ui pointing menu"> 
     <a class="item" id="register">Register</a> 
     @include('auth.modals') 
</div>

本身似乎是正确的模态的ID，虽然:)

这样的事情是很容易要进行调试，只需在控制台中键入$('#register')，就可以看到jquery找不到任何匹配的元素。

来源

2016-07-26 11:00:27 mikus

哦，我的，我没有发现那个错误！ – David

发生了:) – mikus

打开语气模式

回答

相关问题