我希望当我单击编辑帖子下 zipper 接时,会打开一个模式,但除了刷新页面之外什么也没有发生。
布局 View 中包含的脚本:
<script src="https://code.jquery.com/jquery-1.12.0.min.js" ></script>
<script src="https://code.jquery.com/jquery-migrate-1.2.1.min.js" ></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"
integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS"
crossorigin="anonymous"></script>
<script src="src/js/myplace.js"></script>
HTML 代码:
@if(Auth::user()==$post->user)
<ul id="remove" class="dropdown-menu" role="menu">
<a id="remove2" href="{{route('post.delete',['post_id' => $post->id])}}">
<li id="remove3" role="presentation">Remove This Post </li>
</a>
<a id="remove2" href="">
<li id="remove3" role="presentation">Edit This Post </li>
</a>
</ul>
@endif
我的 JS 文件:
$('#remove2').find('li').on('click' , function(){
$('#edit-modal').modal();
});
最佳答案
您的示例没有 Bootstrap 模式 HTML,但我假设您的页面上有它。
您遇到了几个问题。首先,您有多个具有相同 ID 的元素,但您不能这样做。 ID 必须是唯一的。
其次,您在链接元素上使用单击操作,可能会触发其默认行为。
将 HTML 更改为这样
@if(Auth::user()==$post->user)
<ul id="remove" class="dropdown-menu" role="menu">
<a id="remove2" href="{{route('post.delete',['post_id' => $post>id])}}">
<li role="presentation">Remove This Post </li>
</a>
<a id="remove3" href="">
<li role="presentation">Edit This Post </li>
</a>
</ul>
@endif
你的 JavaScript
$('#remove3').on('click' , function(e){
e.preventDefault();
$('#edit-modal').modal();
});
您需要阻止链接的默认行为,以便使用它来打开模式。没有理由定位列表元素,因为单击事件发生在链接元素上
关于javascript - Bootstrap 模式在 Laravel 中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38422334/