JQuery拦截点击按钮

时间:2017-03-06 15:35:24

标签: javascript jquery html

我有这个脚本

$('#addDescriptionButtonId').click(function(){
        alert ('ee');           
    });

和此按钮

<button id="addDescriptionButtonId" class="btn btn-primary"  type="submit">Add Description</button> 

点击时会发出警报,但点击

时没有任何反应

3 个答案:

答案 0 :(得分:0)

需要添加jQuery

$('#addDescriptionButtonId').click(function(){
        alert ('ee');
        $('#productFormId').attr('method', 'post');
    });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button id="addDescriptionButtonId" class="btn btn-primary"  type="submit">Add Description</button>

答案 1 :(得分:0)

确保您的脚本在$(document).ready()中运行,或者位于<body>的末尾。

答案 2 :(得分:0)

好吧,如果您希望不添加任何JQuery库并希望警报按下按钮,那么您可能希望在按钮上使用本机JS点击事件,如下所示。

使用Javascript:

var element = document.getElementById('addDescriptionButtonId');
element.onclick = myFunction;

function myFunction() {
   alert("ee");
}

HTML:

<button id="addDescriptionButtonId" class="btn btn-primary"  type="submit">Add Description</button> 

希望这会对你有所帮助。