1
4

3 に答える 3

1

参照：jsFiddle

あなたは私があなたのコードに2つの変更を加えただけであることに気付くでしょう。

最初の変更は、ホバーdivの背景色を含めることです。

2番目の変更は、フォント自体が白であるため、フォントの単語を白の背景で表示できるようにすることです。

両方のクリックイベントが機能していることを確認するには、右上隅にある黒い長方形にカーソルを合わせると、2つのリンクがポップアップ表示され、クリックするとアラートが呼び出されるようになります。

肝心なのは、コードに問題はないということです。クリック可能なリンクにアクセスするには、ホバーするだけです。

免責事項：これは質問専用であり、アンカーリンクの推奨される方法などの他のことはカバーしていません。;-)

于 2012-07-13T07:18:38.230 に答える
1

リンクが必要ない場合は、A 要素を使用せず、代わりにボタンまたはスタイル付きスパンを使用します。

<style type="text/css">
  .clickable:hover {
    text-decoration: underline;
    cursor: pointer;
  }
 </style>
 ...
 <span class="clickable">thing to click</span>

とにかく、リンクの推奨される方法は次のとおりです。

<a href="http://link for script-disabled browsers" 
   onclick="myFunction(); return false;">...</a>
于 2012-07-13T07:15:48.117 に答える
-2

代わりに、次のようなことを試してみてください。

    <a href="javascript: alert('clicked!!')">Default Categories</a>
于 2012-07-13T07:07:22.720 に答える