如何获得激发弹出窗口的JavaScript代码？

我想实现一个模式弹出为我的项目，我发现我想在一个jsfiddle。我可以找出他们用于模态的html和css，但我不知道他们使用的是什么js？如何获得激发弹出窗口的JavaScript代码？

的JavaScript他们使用什么样的模式，你能告诉我吗？这就是当我点击登录按钮的模态弹出打开

http://jsfiddle.net/VSsLC/embedded/result/

这里是低于

<div class="modal hide fade" id="login-modal" style="display: none;"> 
    <a class="close" data-dismiss="modal">×</a> 
    <h1>Log in to Kippt</h1> 

    <form class="connect-button" name="login" method="post" action="/social/twitter/redirect/" id="twitter-connect-form"> 
    <div style="display:none"><input type="hidden" name="csrfmiddlewaretoken" value="MNH48hjwVMrGUWcpNqIt4qa1nko6RWdo"></div> 

    <a href="#" onclick="$('#twitter-connect-form').submit(); return false;" class="signup-twitter signup-btn" id="twitter_button"><i></i>Log in with Twitter</a> 
    </form> 
    <form class="connect-button" name="login" method="post" action="/social/facebook/redirect/" id="facebook-connect-form"> 
     <div style="display:none"><input type="hidden" name="csrfmiddlewaretoken" value="MNH48hjwVMrGUWcpNqIt4qa1nko6RWdo"></div> 

     <a href="#" onclick="$('#facebook-connect-form').submit(); return false;" class="signup-facebook signup-btn" id="facebook_button"><i></i>Log in with Facebook</a> 
     </form> 

     <form action="/login" method="POST" autocomplete="off"><div style="display:none"><input type="hidden" name="csrfmiddlewaretoken" value="MNH48hjwVMrGUWcpNqIt4qa1nko6RWdo"></div> 

     <fieldset> 
      <h5>or with Kippt account</h5> 
      <input type="text" placeholder="Username or email" name="username" maxlength="30" id="id_username"> 
      <input type="password" placeholder="Password" name="password" id="id_password"> 
      <input type="submit" value="Log in" class="btn"> 
     </fieldset> 
     <a href="/accounts/password/reset/"><span>Forgot password?</span></a> · <a href="/signup/"><span>Sign up to Kippt</span></a> 
    </form> 
</div>

来源

2013-02-26 user2045025

的HTML代码，你可以只张贴直接链接https://kippt.com/网站询问他们如何创建自己的注册表单。
很显然，他们的JavaScript是太模糊理解有用的东西，但我没有看到他们使用jQuery的。通过做一个小型谷歌搜索，我发现有一个非常相似的效果库叫做bootstrap modal。
您必须考虑使用jQuery为自己编写此效果的可能性。

来源

2013-02-26 23:35:22 mavrosxristoforos

u能告诉我上述小提琴什么是他们使用模式 – user2045025 2013-02-26 23:43:06

我可以看到我提到的引导，http://platform.twitter.com/widgets.js和https://api.mixpanel.com/site_media/js/api/ mixpanel.js – mavrosxristoforos 2013-02-26 23:49:08

在这个哪一个.... – user2045025 2013-02-26 23:53:42

你的问题不是很清楚，但如果我很好理解，你要找的js文件。所以你可以使用一大堆开发工具（chrome，firefox，safari）去任何浏览器。例如，在Chrome中，去developper工具，来显示控制台（CMD +期权+我的MAC），去resssources /帧/脚本，你会发现js文件

来源

2013-02-26 23:39:39 Newben

我无法找到弹出的js文件 – user2045025 2013-02-26 23:42:35

如何获得激发弹出窗口的JavaScript代码？

回答

相关问题