Question

我需要向以编程方式添加的<a>添加一个类。当我调用addClass时它没有添加它，这是我假设的，因为插件还没有完成安装它的所有部分，所以锚还没有。

页面为here。这是顶部的登录栏。我想在登录和注册按钮中添加一个类，例如

jQuery('.bp-login a').addClass('simplemodal-login');
jQuery('.bp-signup a').addClass('simplemodal-register');

该部分的HTML是

<ul class="main-nav">
<li class="bp-login no-arrow">
    <a href="http://nicolaelvin.com/community/wp-login.php?redirect_to=http%3A%2F%2Fnicolaelvin.com%2Fcommunity">Log In
    </a>
</li>
<li class="bp-signup no-arrow">
     <a href="http://nicolaelvin.com/community/register/">Sign Up
     </a>
</li>
...</ul>

Answer 1

尝试：

jQuery(function() {

    var modal_check = setInterval(function(){

        if(jQuery('.simplemodal-login').length > 1){
            clearInterval(modal_check);
            jQuery('.bp-login a').addClass('simplemodal-login');
            jQuery('.bp-signup a').addClass('simplemodal-register');
        }

    },100);

});

这等待直到dom准备就绪，然后每隔10秒检查一次，看模态插件是否已经加载。插件加载后，它会停止间隔并添加类。

Answer 2

你应该等到DOM准备就绪。

$(function () {
  $(element).addClass('hello');
});

动态加载完成后，如何使用jquery添加类？

2 个答案: