私はこのモーダルをどのように開くのかわかりません。私は通常Bootstrapを使用しますが、新しいレイアウトを試してみたかったのです。ここでsemantic-uiのOpen Modal
は、私はモーダルを開くために使用するボタンである。ここでは
<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>
これは真実ではありませんが、あなたが望む任意の方法でボタンを参照することができます、id、クラスまたはちょうどDOMでそれを見て、またはノックアウト...または何かを使用します。問題は元のコードであなたのIDにあった。 – mikus
おやおや、まず最初に受け入れられた答えが間違っていて、もう一度あなたがすでに認めているように、受け入れられた答えをどうやって動かすか、もう一つは本当の問題を指摘した。何が混乱している。最初に規制を読んでみてください。 – mikus