jQuery - 按ID选择元素不起作用

Question

我正在尝试选择一个元素，然后添加/删除一个类。我已经用其他元素完成了很多次，但是对于这个元素，它不想工作。

我的HTML如下：

<div>
 <a class="login-headerText" id="hypLogin" style="padding-right:5px; float:left" >Login</a>
 <h4 class="login-headerText" style="font-weight:bold; padding-right:5px; float:left">/</h4>
 <a class="login-headerText"  id="hypCreateAccount">Create Account</a>
</div>   

div包含在另一个div中。 （ID =模态）

我想选择“hypLogin”，然后在点击时添加一个类。如果我在onClick事件中执行此操作，它可以工作，但它不会在单独的脚本中工作。 （该脚本被引用并且用于其他元素）

这是我的jQuery

$('#hypLogin').click(function () {
    $(this).removeClass('login-headerText').addClass('login-headerText-Unselected');
});

尝试调试它并没有受到任何打击。

可能非常简单。

Answer 1

一些事情：

1. 你必须这样做：

   $( document ).ready(function() {
   });
   

2. 这些元素是否动态打印？

3. 尝试使用：

   $('#hypLogin').on('click', function () {
   });
   

4. 尝试将您的代码放在模态打开事件上。

Answer 2

Here is working fiddle

试试这个：

$(document).ready(function () {
    $('#hypLogin').click(function () {

        $(this).removeClass('login-headerText').addClass('login-headerText-Unselected');
    });
});