HREF的onclick功能引导

在引导容器......我用这个代码：HREF的onclick功能引导

<div class="panel-heading"> 
    <div class="row"> 
    <div class="col-xs-6 text-center"> 
     <a href="" class="active" id="loginFormLink" onclick="LoginFormOpen()"> Login </a> 
    </div> 

    <div class="col-xs-6 text-center"> 
     <a href="" id="registerFormLink" onclick="alert('here....')"> Register </a> 
    </div> 

</div> 
</div>

的onclick警报funtion工作在注册但登录不我试图函数来执行的onclick在... 。为什么？......

这是

function LoginFormOpen() 
{ 
    alert('Testing....'); 
    /*$('#loginForm').delay(100).fadeIn(100); 
    $('#registerForm').fadeOut(100); 
    $('#registerFormLink').removeClass('active'); 
    $(this).addClass('active'); 
    e.preventDefault(); 
    });*/ 
}

来源

2017-03-01 TrioHaydos

工作得很好，我 –

这里对我来说太...虽然我也建议你使用jQuery，如果你用它标记了你的问题，并使用纯Javascript代替，除了注释代码。 – Ionut

你们都说当你点击“登录”链接....你会得到“测试....”警报弹出......因为我没有。 – TrioHaydos

，因为你正在使用onclick属性以及属性href这可能发生。如果您使用的是onclik，则不需要放置href。这就是为什么可能页面被重定向到空白页面。

我想你是因为手征usning href属性，那么请按照下面的代码::

href="javascript:void(0);"

所以，你最终的HTML应该是这样的：

<div class="panel-heading"> 
    <div class="row"> 
    <div class="col-xs-6 text-center"> 
     <a href="javascript:void(0);" class="active" id="loginFormLink" onclick="LoginFormOpen()"> Login </a> 
    </div> 

    <div class="col-xs-6 text-center"> 
     <a href="javascript:void(0);" id="registerFormLink" onclick="alert('here....');"> Register </a> 
    </div> 

</div> 
</div>

来源

2017-03-01 12:07:40

nope ...功能仍然不会执行，只有简单的警报工作...我想我会用一个按钮，而不是登录和注册表单...谢谢.... href链接可能工作不同。 – TrioHaydos

这都是范围的问题。如果您在$(document).ready范围内定义该函数，则只能在其内部调用该函数。移动$(document).ready之外的功能，它应该工作。

所以，如果您有：

$(document).ready(function() { 
    function LoginFormOpen() { 
    alert('Testing....'); 
    /*$('#loginForm').delay(100).fadeIn(100); 
    $('#registerForm').fadeOut(100); 
    $('#registerFormLink').removeClass('active'); 
    $(this).addClass('active'); 
    e.preventDefault(); 
    });*/ 
    } 
});

这真的应该是：

$(document).ready(function() { 

}); 

function LoginFormOpen() { 
    alert('Testing....'); 
    /*$('#loginForm').delay(100).fadeIn(100); 
    $('#registerForm').fadeOut(100); 
    $('#registerFormLink').removeClass('active'); 
    $(this).addClass('active'); 
    e.preventDefault(); 
    });*/ 
}

来源

2017-03-01 12:52:24 Ionut

HREF的onclick功能引导

回答

相关问题