兼容性pb引导和模式在我的网站的标题

Compatibility pb with bootsrap and modals in header of my website

本文关键字:我的 网站 标题 模式 pb 兼容性      更新时间:2023-09-26

我有一个带引导模式的pb。我添加了一个简单的引导主页到我的网站。除了这个主页,我在整个网站中使用的标题,其中有一个注册按钮,当点击时,打开一个模式。不可能让它在主页上工作!其他js也不能在主页上工作,我猜是由于与js和bootstrap的冲突。你能帮我吗?

        <div class="btn-register">
            <i class="fa fa-user"></i>
            <span>
                Sign up
            </span>
        </div>

这不能在http://youmindit.net/上工作但是如果你点击"最近",靠近youmindit标志,那么模态看起来很好,因为你不再是在一个页面上引导了。

我希望你不需要更多的信息!

谢谢你的帮助

马丁

你的主页没有包含你的注册容器,所以没有任何模态按钮产生

          Rejoignez Youmindit aujourd'hui !
      </h2>
        <div class="social">
          <a href="/fb_signup/">
            <div class="social-col sfacebook">
              <i class="fa fa-facebook"></i><span class="media">Facebook</span>
            </div>
          </a>
          <a href="/twt_signup/">
            <div class="social-col stwitter">
              <i class="fa fa-twitter"></i><span class="media">Twitter</span>
            </div>
          </a>
          <a href="/google_signup/">
            <div class="social-col sgoogle">
              <i class="fa fa-google-plus"></i><span class="media">Google+</span>
            </div>
          </a>
        </div>
        <p>Inscrivez-vous avec votre adresse email</p>
        <form data-parsley-validate id="signup" action="javascript:showRegisterModal();" method="post">
          <div>
            <input class="field email" type="text" name="email" required data-parsley-type="email" data-parsley-remote="/check_email/" data-parsley-remote-reverse="true" data-parsley-remote-message="Cette adresse email est déjà utilisée !" data-parsley-required-message="Vous devez choisir une adresse mail !"
            data-parsley-type-message="L'adresse mail doit être valide!" data-parsley-errors-container=".errors-list" placeholder="Entrez votre adresse email">
     <input type="submit" value="S'inscrire" class="btn-signup valid_email"></input>
  </form>
 </div>
<div class="errors-list"></div>