Html 重复id问题，无法重复使用id

我正在编写以下脚本：

http://www.andwecode.com/playground-demo/pop-up-login-signup-box-jquery/pop-up-demo.zip

它是一个脚本，可以为您提供一个弹出式登录表单

当我点击底部的登录按钮时，我希望gmail和fb框以及我添加的任何框都能执行相同的操作。操作=登录表单出现

我在Gmail邮箱里试过：

基本上，我添加了ID:ID=login\u表单，效果很好

问题是您只能使用ID一次

例如，当我在Gmail邮箱上使用它时，登录按钮就没用了

---

你知道如何让所有的框在登录表单上执行相同的操作吗

只要使用一个类并使用jQuery就行了，如果您对使用jQuery还满意的话，我看到您正在这样做：

$('.selector').click(function() {
    //code
    alert('clicked!'); //just to test...
});

---

如果我正确地阅读了您的问题，它应该可以满足您的要求。

该功能仅适用于一种情况的原因是“ID必须是唯一的”，如果您有重复的ID，它将只识别第一个元素的ID，而忽略其余元素

你可以通过两种方式达到你的目的

我对所有的盒子都有相同的分类——fb盒子、谷歌盒子等。 示例：所有长方体的长方体窗体类

HTML:

2为每个框应用不同的id，并在jquery中组合id

HTML:

---

是否改用类选择器？添加类登录表单，并在适用的情况下将登录表单更改为。登录表单只需尝试将id=login\u表单更改为class=login\u表单即可。我在源代码中搜索了它，但找不到它：/它以以下内容开头：电子邮件更改添加到类选择器登录表单的id登录表单。

<a href="#1" class="social_box google box-form"  >
<span class="icon"><i class="fa fa-google-plus"></i></span>
<a href="#1" class="social_box fb box-form"  >
<span class="icon"><i class="fa fa-google-plus"></i></span>

$('.box-form').click(function() {
    //code

});

<a href="#1" class="social_box google" id="login-form" >
    <span class="icon"><i class="fa fa-google-plus"></i></span>
    <a href="#1" class="social_box fb"  id="fb-form">
    <span class="icon"><i class="fa fa-google-plus"></i></span>

$('#login-form, #fb-form').click(function() {
        //code

    });