Javascript 单击模式未在本地打开

我想在这里和莫代尔一起工作

下面是我的代码

<div class="modal-wrapper modal-popup-signup">
        <div class="modal-close modal-popup-signup-close"></div>
        <div class="modal-body">
            <h1>SIGN UP</h1> 
            <form action="" class="password-change">
                <h2>E-MAIL ID*</h2>
                <input type="text" class="text">
                <h2>PASSWORD*</h2>
                <input type="password" class="text">
                <h2>TITLE*</h2>
                <h2>FIRST NAME </h2>
                <input type="text" class="text">
                <h2>LAST NAME </h2>
                <input type="text" class="text">

                <input type="submit" class="submit">
            </form>
        </div>
    </div>

这是它的JS

  $(document).ready(function(){
        $('.modal-popup-signup-open').click(function(){
            $('.modal-popup-signup').css("display", "block");
        });
  $('.modal-popup-signup-close').click(function(){
          $('.modal-popup-signup').css("display", "none");
        });
  });

因为某种原因，它在这里工作，但在本地不为我工作

编辑：我这样做只是为了小屏幕。因此，当我转到全窗口大小时，我可以看到弹出窗口。但为什么不适合小屏幕呢？前提是我使用的是正确的引导模式。

而不是

$('.modal-popup-signup').css("display", "block");

使用下列内容

$('.modal-popup-signup').modal('show');

用于关闭模态使用

$('.modal-popup-signup').modal('close');

还可以使用锚定标记中的

href=“javascript:void（0）”

打开弹出窗口：

$('.modal-popup-signup-open').click(function(){
            $('.modal-popup-signup').modal('show');
        });

结束：

$('.modal-popup-signup-close').click(function(){
          $('.modal-popup-signup').modal('hide');
        });

---

请不要重复答案，伙计……为什么我的答案是你重复……你甚至没有给出隐藏流行音乐的解决方案。问题是关于开场白的，所以你们对开场白的回答和我一样。冷静点，谢谢你们的回答。但这不是真正的问题。即使使用了

display:block

，它仍在工作，但在我的窗口为手机大小时不可见。我只为小屏幕做这件事。当我将窗口调整到满时，模式弹出窗口更新jquery/bootstrap并检查是否有任何控制台错误您在控制台中有任何错误吗？好的，我想这就是问题所在。我只为小屏幕做这件事。当我将我的窗口调整到满时，模态显示回来。但是在你的小提琴链接中我看不到任何弹出窗口。单击注册，模态的表单显示为@KamleshArya

$('.modal-popup-signup-close').click(function(){
          $('.modal-popup-signup').modal('hide');
        });