从动态创建的按钮打开Bootstrap模式?

时间:2014-04-11 17:21:59

标签: javascript php jquery twitter-bootstrap modal-dialog

我正在使用...

在PHP中构建一个表
echo '<td><button type="button" class="btn btn-default btn-xs" id="edit_'. $info['tablename'] .'">Edit</button></td>';

我的html直接从Bootstrap中提取了#editModal模式......

<div class="modal fade" id="editModal" tabindex="-1" role="dialog" aria-labelledby="editModalLabel" aria-hidden="true">
    //Modal content from Bootstrap example.
</div>

当我点击&#34;编辑&#34;按钮,没有任何反应。没有控制台错误,没有。我遗漏的delet命令工作正常但它并不涉及模态。这是我尝试使用的jQuery ......

$(document).on('click',".table .btn",function (e) {
    e.preventDefault();
    var array = String($(this).attr('id')).split('_');
    var id = array[1];
    //Get the command off the button id.
    var command = array[0];

    if (command == "delete" ){
        //do delete stuff
    }   
    if (command == "edit" ){
        // I want to show this modal but it doesn't work.
        $('#editModal').modal({
            "show":"true"   
        });
    }
});

1 个答案:

答案 0 :(得分:0)

我认为你只需要以下内容。

if (command == "edit" ){
    // I want to show this modal but it doesn't work.
    $('#editModal').modal("show");
}