jquery - 颜色框中的标签不可点击

Question

我有简单的颜色框加载：

$.colorbox({html: $('#widget-login').html()});

colorbox 的内容是一个表单（输入+标签）：

<form name="f-login" id="f-login" action="#" method="post">
    <fieldset>
        <label for="f-email">e-mail:</label>
        <input type="email" name="email" id="f-email" />
        <input type="submit" value="go" />
    </fieldset>
</form>

当我点击标签“电子邮件”时，我应该专注于f-email输入，但没有任何反应。我做错了什么？

FF 17.0.1

Answer 1

不确定这是否是您要的，但试试这个..

$(label['for="f-email"').click(function(){
       $('#email').focus();
    });

小提琴..

Answer 2

colorbox 与表单元素无关。

请将此添加到您的表单html的头文件中。由于您的标签没有任何 ID，我输入 $('label') 否则您可以给标签一个 ID，然后使用下面的 jquery 跟踪它。此外，您可以了解 jquery 的想法，它很简单。

$(document).ready(function() {
// put all your jQuery code in here.
    $('label').on('click', function(){
       $('#f-email').focus();
    });
});;

Answer 3

解决了 ：]

我编辑了我的问题，有重大更新：html不在href彩盒触发器中。在这种情况下，有 2 个具有相同 ID 的元素——一个在隐藏的 div 中，第二个在颜色框中。

谢谢大家，很抱歉浪费了您的时间。