JQuery登录下拉菜单在主题中不起作用

时间:2015-09-08 作者:Adam Bell

我的演示站点有问题(http://somm.icorp.net/) 我试图完成的是,当您单击登录按钮时,会出现一个下拉列表,使用JQuery,它会显示一个登录框,这样用户就不必转到专用的登录页面。问题是它不起作用,#LoginBox的显示保持为“无”。控制台中没有错误,除了页面不安全(还没有),但我不认为这是弹出窗口不工作的原因。这可能与下面的导航栏有冲突吗?这肯定会令人沮丧。

这是我的密码。js公司:

jQuery(function() {
    var button = jQuery(\'#loginButton\');
    var box = jQuery(\'#loginBox\');
    var form = jQuery(\'#loginForm\');
    button.removeAttr(\'href\');
    button.mouseup(function(login) {
        box.toggle();
        button.toggleClass(\'active\');
        alert("onblur called");
    });
    form.mouseup(function() { 
        return false;
    });
    jQuery(this).mouseup(function(login) {
        if(!(jQuery(login.target).parent(\'#loginButton\').length > 0)) {
            button.removeClass(\'active\');
            box.hide();
        }
    });
});

1 个回复
SO网友:dev

现在开始工作:-

    jQuery(function() {
    var $button = jQuery(\'#loginButton\');
    var $box = jQuery(\'#site-crhead\');
    var $form = jQuery(\'#loginForm\');

    $button.live(\'click\',function(login) {
      console.log($box);
        $box.toggle();
        $button.toggleClass(\'active\');

    });
    $form.live(\'click\',function() { 
        return false;
    });
    jQuery(this).live(\'click\',function(login) {
        if(!(jQuery(login.target).parent(\'#loginButton\').length > 0)) {
            $button.removeClass(\'active\');
            $box.hide();
        }
    });
});
只需根据您的要求更新代码,甚至您的mouseup函数也不起作用,根据您的jquery版本,事件前的us live函数。