Hrefのonclickの機能ブートストラップ

Question

...私はこのコードを使用：

<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の警告目的球は、レジスタ上で動作しますが、私は、ログインのためのonclickで実行しようとしています機能しません...あなたはonclick属性だけでなく、href属性を使用しているため.why？...

これは

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

Answer 1

これかもしれないが起こっています。 onclikを使用している場合は、hrefを入力する必要はありません。そのため、ページが空白ページにリダイレクトされている可能性があります。

私は以下のコードに従ってください、あなたはそのせいで手サインのhref属性をusningていると思う::

href="javascript:void(0);" 

SO、あなたの最終的な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> 

Answer 2

それはすべて範囲の問題です。範囲を$(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(); 
    });*/ 
}