Jeditable не работает на таблицах IE, но работает в FF, Chrome - PullRequest
Новая
       2

Jeditable не работает на таблицах IE, но работает в FF, Chrome

0 голосов
/ 12 ноября 2011 
<html>

    <head>

        <script type="text/javascript" src="js/jquery-1.5.1.min.js"></script>
        <script type="text/javascript" src="js/jquery.jeditable.min.js"></script>
        <script type="text/javascript" src="js/jquery.jeditable.checkbox.js"></script>

        <script>

            $(function () {
                $(".editable").click(function (event) {
                    $(this).editable('ajax_save.php',{
                        submit      : 'Save',
                        cancel      : 'Cancel',
                        tooltip     : ''
                    });
                });
            });

        </script>

    </head>

    <body>

        <table>

            <tr>

                <td class='editable' id='id-1234'>value of 1234</td>
                <td class='editable' id='id-1235'>value of 1235</td>                

            </tr>

            <tr>

                <td class='editable' id='id-1236'>value of 1236</td>
                <td class='editable' id='id-1237'>value of 1237</td>                

            </tr>

        </table>

    </body>

</html>

Приведенный ниже код отлично работает в FF / Chrome, но не работает в IE, когда я нажимаю на элемент td, он исчезает ... в консоли разработчика он показывает ошибку в определенной строке, но эта ошибка непоказать в FF / Chrome.

Есть идеи?

Ответы [ 2 ]

1 голос
/ 12 ноября 2011

Я думаю, что проблема вызвана тем, что jQuery устанавливает для свойства display значение table-cell.IE 7 и 8 не поддерживают это, поэтому они будут вести себя странно и выдавать ошибки.

Мое предлагаемое исправление заключается в том, чтобы поместить <div> внутри каждой ячейки и применить редактируемый материал к этому, а не кклетки.

0 голосов
/ 13 ноября 2011

Кажется, что не все опции работают в IE 7/8 ...

Этот код работает 

$(document).ready(function() {
    $(".editable").editable("ajax.php",{
        type: "text"
    });
});

Это не относится к IE8 по крайней мере ... 

$(document).ready(function() {
    $(".editable").editable("ajax.php",{
        type: "text", submit:"OK",cancel:"Cancel"
    });
});

Может быть, это ошибка с jeditable элементами обработки

...