单击超链接时显示警报

时间:2011-10-28 04:00:05

标签: jquery

点击超链接,我需要显示提醒。 我试过这种方式,但不知何故单击超链接时没有出现警报。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>

        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js" >

        </script>

         <title>New Web Project</title>

         <script type="text/javascript">

            $(function() {


           $('#kiranhype').click(function() {
  alert('Handler for .click() called.');
});


});

         </script>


    </head>
    <body>

       <P><a href="kiranhype">Click for a greeting</a></p>

    </body>
</html>

3 个答案:

答案 0 :(得分:2)

$('#id')是ID selector。因此,您的标记应为

<a href="javascript:void(0)" id="kiranhype">Click for a greeting</a>.

或者,如果您只是想要提醒,您可以执行类似

的操作
<a href="javascript:alert('You clicked me')">Click me</a>.

编辑:见jsfiddle

答案 1 :(得分:0)

更简单的方法是:

<a href="" onclick="alert('Hello World'); return false;">Click for a greeting</a>

答案 2 :(得分:0)

如果要保持html相同,请将jquery选择器更改为

$("a[href='kiranhype']").click( function() { ... });