jQuery 提交不触发

Question

我觉得问这个问题很愚蠢，但为什么我的 .submit 没有触发警报？

HTML

<div class="buttonbar" style="margin-left:10%">
 <button class="btn btn-danger">Cancel</button>
 <button class="btn btn-success" id="publish">Publish</button>
</div>

JavaScript

<script type="text/javascript">
    $(document).ready(function() { 
        $('#publish').submit(function(){
            alert("hello");
        }); 
    }); 
</script>

当我单击“发布”时，jQuery 不会弹出警告。我做错了什么？

Answer 1

因为它不是 submit按钮，它不会有一个名为 submit 的事件虽然它超出了 <form> 的范围标签。

试试 click事件，

$(document).ready(function() { 
    $('#publish').click(function(){
        alert("hello");
    }); 
}); 

或者您必须在 html 中进行更改，例如，

<div class="buttonbar" style="margin-left:10%">
 <form>
 <button class="btn btn-danger">Cancel</button>
 <input class="btn btn-success" id="publish" type="submit" value="Publish"/>
 </form>
</div>

JS:

$(document).ready(function() { 
    $('#publish').submit(function(e){
        e.preventDefault();
        alert("hello");
    }); 
});