javascript - 引导模态在Laravel中不起作用

我想当我点击edit post下拉链接时，会打开一个模式，但是除了刷新页面之外什么都不会发生。
“我的布局”视图中包含的脚本：

<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();
});

最佳答案

您的示例没有引导模式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();
});

您需要防止链接的默认行为，以便将其用于打开模式。没有理由将list元素作为目标，因为click事件正在link元素上发生

关于javascript - 引导模态在Laravel中不起作用，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/38422334/