Question

我使用了模式的bootstrap，当我点击添加更改按钮时，没有任何反应.. :(

脚本：

<script>
$("addBtn").click(function() {
    $("programFormDropDown").submit(function(event) {           
    });
});
</script>

我的体型：

<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                        <h4 class="modal-title">Confirm your change</h4>
                    </div>
                    <div class="modal-body">Are you sure you need to add these ?
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                        <button id="addBtn" class="btn btn-primary">Add changes</button>
                    </div>
                </div>
                <!-- /.modal-content -->
            </div>
            <!-- /.modal-dialog -->
        </div>

和我的形式在同一个身体

<form id="programFormDropDown" action="../hDashBoard/project">

.....

你可以提出一些想法吗？

Answer 1

您似乎忘记了选择器中的#，除非您使用的是Mootools ，并且$('id')获取了ID，请尝试以下操作：

$("#addBtn").click(function() {
   ^
    $("#programFormDropDown").submit(function(event) { 
       ^          
    });
});

Answer 2

您似乎错过了选择器中的'＃'引用。

<script>
$("#addBtn").click(function() {
    $("#programFormDropDown").submit(function(event) {           
    });
});
</script>

Answer 3

你在两个选择器jquery

中错过了#

试试这个：

$("#addBtn").click(function() {
    $("#programFormDropDown").submit(function(event) {           
    });
});

而不是：

$("addBtn").click(function() {
    $("programFormDropDown").submit(function(event) {           
    });
});

Answer 4

看起来你不是在寻找ajax提交，在这种情况下更改按钮类型以提交

<button id="addBtn" class="btn btn-primary" type="submit">Add changes</button>

如果你想使用脚本

/add script in dom ready handler
jQuery(function () {
    //use id selectors - # in front of id
    $("#addBtn").click(function () {
        //call the dom elements submit method
        $("#programFormDropDown")[0].submit();
    });
})

jQuery提交无效？

4 个答案: