2016-11-23 12 views
-1

誰かが私にここで間違っていることを説明することはできますか?私はIEやクロムでアラートを取得しません。私は私のヘッダーセクションにJqueryを持ち、リンクはボディです。Jqueryアラートhrefリンク

<script type="text/javascript"> 
$(document).ready(function() 
{ 
$(".clicked").click(function() { 
    alert("clicked"); 
}); 

<a href="#" class = "clicked" title="link">Click Link</a> 
+2

コンソールにエラーがありますか?あなたのコードはまた、閉じている}}) 'が不足しているようです。 – j08691

+1

はい、私はコンソールを確認するように言った後、それを理解した、私はそのツールがそこにあることを忘れています。 – Jayce

+0

それは何でしたか?不足している '})'? – j08691

答えて

0

あなたは、少しあなたのブラケットをめちゃめちゃにここで働く例です:

$(document).ready(function() { 
 
    $(".clicked").click(function() { 
 
     alert("clicked"); 
 
    }); 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<a href="#" class = "clicked" title="link">Click Link</a>

0

は、あなたのクラス属性の後に間隔だろうか?

<a href="#" class = "clicked" title="link">Click Link</a> 

はまた、あなたのJSが正しく

<a href="#" class="clicked" title="link">Click Link</a> 

閉じられていないする必要があり、それは次のようになります。

$(function() { 
    $('.clicked').on('click', function() { 
     alert("clicked"); 
    }); 
}); 
+0

いいえ、これは何の違いもありません。 https://jsfiddle.net/j08691/36rwgL1L/ – j08691

0

わかりましたので、私は他の初心者のためにやったことが分かりましたそこにJqueryで出かける。

コードは、文書にコードを挿入する前にこれが必要です。

<script type="text/javascript"> 
$(document).ready(function() 
{ 

}); 

その後、あなたはコードを挿入した後、次のようになります。私の最初の質問で私は忘れました});私の閉じ括弧として。

<script type="text/javascript"> 
$(document).ready(function() 
{ 
    $(".clicked").click(function() { 
    alert("Message to alert!"); 
    }); 
}); 
</script> 

これで、自分のhrefでアラートが正しく表示されます。

<a href="#" class = "clicked" title="clicked linked">Click Here</a> 
0

.clickedクラスをクリックすると呼び出される関数を作成できます。

以下は、あなたが探していることを達成するためのコードです。

$(function() { 
 
    $(".clicked").click(function() { 
 
    alert("clicked"); 
 
    }); 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<a href="#" class = "clicked" title="link">Click Link</a>

も参照してくださいjqueryの

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 

EDIT

このバージョンでは、このコードを記述するだけできれいな方法です。 document.ready関数を使用する代わりに。

+0

あなたの答えが間違っているので、あなたがアップアップされた理由を知りません。'$(function(){'は '$(document).ready(function()'の略語です。 – j08691

+0

@ j08691これを指摘していただきありがとうございます。 – akasoggybunz