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

Question

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

页面是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 准备好，然后每隔十分之一秒检查一次以查看模式插件是否已加载。一旦插件加载，它就会停止间隔并添加类。