锚标记onclick不起作用

时间:2014-07-16 05:24:28

标签: javascript jquery html

HTML code:

<a href="javascript:void(0);" id="btnSaveComments" runat="server"
        onclick="EnterComments();" class="btn btn-sm btn-info no-radius">&nbsp;Send</a>

JavaScript代码:

$(document).ready(function() {
    $("#btnSaveComments").click(function(e) {
        EnterComments();
        e.preventDefault();
    });
});

function EnterComments() {
    alert("test");
}

当我使用调试器检查时,它进入了document.ready但它没有进入函数EnterComments

3 个答案:

答案 0 :(得分:1)

EnterComments()在此处被调用两次。

删除onclick="EnterComments();"并尝试一次。

它应该工作

答案 1 :(得分:1)

请参阅以下代码:

HTML:

 <span class="input-group-btn"><a href="javascript:void(0);" id="btnSaveComments" runat="server"
                 onclick="EnterComments();" class="btn btn-sm btn-info no-radius"><i class="icon-share"></i>&nbsp;Send</a>
                </span>

JS:

function EnterComments() {
    console.log("test");
    alert("hi");
        }

希望你觉得它很有用。

演示:http://plnkr.co/edit/Vq0Yi5mu9y0RRK5tIhYt?p=preview

答案 2 :(得分:0)

试试这个:

<a href="#" id="anchor_tag" onclick="alert('You are clicked TEST TEXT');">TEST TEXT</a>

脚本代码:

<script type="text/javascript">
$(document).ready(function(){
    $('#anchor_tag').click(function() {
        alert('You have clicked test text'); 
    });


    enter code here

}); 
</script>