Question

我正在为我的项目使用bootstrap。

我想做的两件事。

显示图书记录。
点击任何一本书都会显示弹出窗口，此弹出窗口将显示可以编辑的记录列表（内联编辑）

我有两组jQuery文件（一个用于模态窗口，另一个用于内联可编辑）。

<script src="jquery-2.0.3.min.js"></script>
<script src="http://getbootstrap.com/2.3.2/assets/js/bootstrap.js"></script>
<script src="js/bootstrap-modalmanager.js"></script>
<script src="js/bootstrap-modal.js"></script>
<script src="bootstrap-editable.js"></script>
<script type="text/javascript">
$(document).ready(function () {
    $('[data-toggle="modal"]').click(function (e) {
        e.preventDefault();
        var url = $(this).attr('href');
        if (url.indexOf('#') == 0) {
            $(url).modal('open');
        } else {
            $.get(url, function (data) {
                $('<div class="modal hide fade">' + data + '</div>').modal();
            }).success(function () {
                $('input:text:visible:first').focus();
            });
        }
    });

    $('.bookname').editable({
        type: 'text',
        url: 'post.php',
        title: 'Enter username',
        validate: function (value) {
            if ($.trim(value) == '') {
                return 'This field is required';
            }
        }
    });
});
</script>

这是我的HTML代码：

<a data-target="#" class="bookname" id="bookname" href="pop1.php?id=<?php echo $row['book_id']; ?>" data-toggle="modal"> <?php echo $row['book_name']; ?></a>

当我单独运行两个js文件时，我发现没有问题。当我尝试在模态窗口中集成内联编辑时，模态窗口关闭按钮出现问题，并且内联编辑也无效。

问题是否与版本（版本问题）相关

任何人都遇到过这样的问题。有人可以帮助我或指导我一个例子。

由于 Kimz

模态和可编辑的jQuery PHP的Bootstrap冲突

0 个答案: