Question

我正在处理以下脚本：

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

我已修改其中的Gmail和Facebook框，我希望他们在点击它们时提供登录表单。我在Gmail框中试过这个：

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

基本上，我添加了ID：(id="login_form")，它运行正常！

问题是您只能使用一次ID。当你这样做时，登录按钮变得无用..

任何想法如何让所有的盒子都用于登录表单？

Answer 1

该功能仅适用于一种情况的原因是＆＃39; ID's必须是唯一的 ，如果您有重复的ID，它会识别只有第一个元素的id，它将忽略其余元素。

您可以通过两种方式实现结果

1）对于所有框fb框，Google框等具有相同的类 示例：所有框的 box-form 类

<强> HTML：

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

<强> Jquery的：

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

});

2）为每个框应用不同的id并在jquery

中组合id

<强> HTML ：

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

<强> Jquery的：

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

    });

重复的id问题，无法重用id

1 个答案: