2015-05-26 6 views
1

Я работаю с редактируемой сеткой скользкой и скопировать код отсюда:Slick сетка - Slick.Editors.LongText работая Slick.Editors.Text и остается нередактируемой из-за неправильную версию JQuery

  1. Code
  2. Demo Example

Я включил требуется JS файлы и CSS. Но когда сетка загружается, поля LongText действуют как текстовое поле и остаются неизменными.

См. Ниже изображение для получения дополнительной информации.

enter image description here

Я не вижу никакой ошибки JS на консоли. Что может быть причиной такого поведения?

В ходе дальнейшего расследования мой друг обнаружил, что всплывающее окно, в котором отображается текстовое поле, появляется, но его стиль установлен как disply:none. Этот стиль применяется к div, который фактически показывает всплывающее окно. Если мы изменим стиль для этого div на diplay:block, я вижу всплывающее окно.

element.style { 
z-index: 10000; 
position: absolute; 
background-color: white; 
padding: 5px; 
border: 3px solid gray; 
border-top-left-radius: 10px; 
border-top-right-radius: 10px; 
border-bottom-right-radius: 10px; 
border-bottom-left-radius: 10px; 
top: 489px; 
left: 505px; 
display: none; 
background-position: initial initial; 
background-repeat: initial initial; 
} 

Update: Я только что пришел, чтобы узнать, проблема связана с неправильной версией JQuery используется. Пожалуйста, проверьте this link for working example:

problem: На index.html страницы, если я изменю jquery version from 1.7 to 1.9, всплывающие на description field does not appear. Я использую следующий CDN для jquery. Я не могу вернуться к более низкой версии JQuery, поскольку использую версию 1.9 для других целей в своем проекте.

<script src="http://code.jquery.com/jquery-1.9.1.js"></script>

+0

Можете ли вы разместить определение столбцов, пожалуйста, –

+0

@BelowtheRadar: добавлено определение столбца. – SharpCoder

+0

Вы сказали, что вы включили все js и css, используемые в демо, и скопировали/вставили код? Вы импортировали /css/smoothness/jquery-ui-1.8.16.custom.css? –

ответ

1

Чтобы ответить на мой собственный вопрос, я сейчас с помощью latest version of slick grid (2.2.2 на момент публикации этого ответа), который поддерживает JQuery 1.9, а также. Я должен отдать должное @BelowTheRadar за его предложение.

+0

Версия mleibman также поддерживает jquery 1.9 –