Question

我正在这个网站上工作：http://www.problemio.com我想在用户点击“登录”链接时弹出登录对话框弹出框。这些链接显示在整个站点中，如主页右上角，以及用户无法访问的页面，而不是像他们的主页一样登录：http://www.problemio.com/account/member_home.php

现在，当用户提交表单并且未登录时，我可以使用jQuery弹出对话框，例如：http://www.problemio.com/add_problem.php（必须在那里输入一些输入）。< / p>

但人们如何让弹出窗口弹出特定常规链接的点击？

谢谢！

Answer 1

这样做的一种方法是在每个页面上包含登录表单，然后使用CSS和jQuery将其隐藏直到需要，并将登录链接的click事件链接到显示表单。表单本身可以处理将数据发布到登录页面。

Here's a quick example

Answer 2

根据您的代码（请参阅下面的注释），您的登录链接似乎有class="login_link"，您的登录弹出启动代码为$("#loginpopup").dialog();。要在单击链接时打开该弹出窗口，您需要：

$('a.login_link').click(function(e){
   e.preventDefault();
   $("#loginpopup").dialog();
});

学习参考：jQuery Class Selector，jQuery .click() method

仅供参考： 在您的问题中实际包含相关代码的示例会很有帮助（ a.login_link 和 { {1}} 在此特定示例中）。否则，您的问题对于浏览StackOverflow寻找答案的其他人来说基本没有价值。

仅供参考2：您有大量行注释了$("#loginpopup").dialog();条评论。您可以使用//进行多行注释。

Answer 3

你可以尝试这个，它是我写的关于如何在点击链接或按钮时创建此登录和注册表单的教程。无需使用jQuery UI，只需简单的jQuery弹出插件和HTML CSS。 http://www.andwecode.com/create-popup-login-and-signup-form/

如何在“登录链接”点击时弹出jQuery弹出对话框

3 个答案: