点击模式没有在本地打开

on click modal is not opening locally

本文关键字：模式      更新时间：2023-09-26

我正试图在这里与模态工作。

下面是我的模态代码。

<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>

在这个li上，我有一个锚标记，我正在打开Modal。

  <ul>
   <li></li>
   <li></li>
    <li><a href="#"class="modal-popup-signup-open">Signup</a></li>
  </ul>

这是它的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");
        });
  });

小提琴，由于某种原因，它在这里工作，但在本地不适合我。

EDIT !:我这样做只是为了小屏幕。所以当我打开全窗口时，我可以看到弹出窗口。但为什么不适合小屏幕呢?如果我使用正确的引导模式。

打开弹出窗口:

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

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

小提琴

代替

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

使用以下

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

关闭模态使用

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

，也使用href="javascript:void(0)"在锚标记

相关文章：