Javascript 如果没有数据切换和数据目标属性，模态无法工作

我使用bootstrap 4 js，我有下面的链接打开一个模式：

<a id="show_login_modal" href="">Login</a>

---

问题是，当点击登录链接时，它看起来像一个淡入淡出，然后淡入淡出消失，但模式不会打开。您知道为什么吗？

请检查您是否两次没有包含jquery。这种情况也可能因此发生。在某些情况下，插件也会产生问题

确保将库置于所需位置以获得结果：

1-First bootstrap.min.css 2-jquery.min.js 3-bootstrap.min.js

（换句话说，必须在bootstrap.min.js之前调用jquery.min.js）

在确认以上内容后，请尝试下面的代码片段

   <a id="show_login_modal" href="javascript:void(0)">Login</a>

然后编写jquery代码。

---

发生的情况是，空href不允许弹出窗口打开，只需执行javascript:void（0），然后执行代码。

我复制结果的唯一方法是保留

href

属性并设置为

href=“

。删除它或设置哈希值（

href=“#”

）可以绕过该问题，这是我建议的解决方案

或者将该元素转换为

，以完全绕过超链接默认行为

$（'#按钮#模式，#链接#模式）。单击（函数（）{
$（“#登录_模式”）.model（'show'）
});

登录或登录
模态头
×
我的模态内容在这里

接近
你能告诉我们你在Bootstrap/Jquery/Popper中包含的实际CSS/JS吗？您的模式HTML的其余部分是什么样子的？我使用默认的引导程序4JS和“”。css也是Bootstrap4的默认设置。使用数据切换和数据目标属性，并且没有jquery打开和关闭模式，它可以工作，但是使用自定义jquery dont.似乎无法使用您提供的代码重现您的问题。这就是为什么我们总是鼓励用户分享一个最小的、具体的和可验证的示例，这样我们就可以看到您是如何实际实现它的，并且您所描述的bug可以在您的问题中可靠地重现。您能创建一个代码笔或plunkr来模拟场景吗？试试这个：谢谢，它可以与“href=”javascript:void一起工作(0)".
 $('#show_login_modal').click(function(){
    $('#login_modal').modal('show');
})

$('#close_login_modal').click(function(){
    $('#login_modal').modal('hide');
})

   <a id="show_login_modal" href="javascript:void(0)">Login</a>