使用JQuery在href中添加一个函数

时间:2016-10-24 10:41:30

标签: javascript jquery html jsp

我刚在JSP中添加了这段代码

<script type="text/javascript">    
    $('a').click( function(e) {
        e.preventDefault();
        alert ('hello');
        return false; } );
</script>

但是当我点击一个时没有任何反应

2 个答案:

答案 0 :(得分:1)

使用$(document).ready(function)然后只在您点击时收听js

$(document).ready(function () {
    $('a').click( function(e) {
        e.preventDefault();
        alert ('hello');
        return false; } )
    });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a >click</a>

答案 1 :(得分:0)

你正在调用“a”上的click事件而没有准备好DOM,所以只需将你的脚本放在document.ready中就可以了,它会起作用

<script type="text/javascript">    
    $(document).ready(function()
        $('a').click( function(e) {
            e.preventDefault();
            alert ('hello');
            return false; 
        });
    )};
</script>