Можно ли использовать всплывающие подсказки пользовательского интерфейса JQuery с CFLayoutArea?

Question

Можно ли использовать всплывающие подсказки пользовательского интерфейса JQuery с CFLayoutArea?

0

Я пытаюсь добавить подсказки JQuery UI в контент внутри CFLayout. Однако в IE8 (режим quirks) всплывающая подсказка появляется напротив левого поля браузера. Я считаю, что это какая-то несовместимость между JQuery и Ext-JS.

Чтобы протестировать, я попытался создать абсолютно позиционированный div с левой <CFLayoutArea 200px в <CFLayoutArea чтобы увидеть, будет ли он также <CFLayoutArea влево от браузера, но это не так. Вместо этого он появился на 200px с левой стороны <CFLayoutArea тогда как он должен появиться на 200px с левой стороны окна браузера.

Кто-нибудь сталкивался с проблемой и разрешал подобную проблему? Переключение режима quirks на данный момент не является опцией.

ОБНОВИТЬ

Мне удалось взломать, используя такой код:

open: function (event, ui) {
    updateTooltipPositions();
}



function updateTooltipPositions() {
    $("[id^='ui-tooltip-']").css("left", mouseX-401);
    $("[id^='ui-tooltip-']").css("top", mouseY+1);
}

Однако это не чистое решение, и оно предотвращает анимацию при показе всплывающих подсказок.

Nicholas 12 дек. 2013, в 21:52

Источник

2

Проблема, вероятно, с cflayout . Пользовательский интерфейс в ColdFusion ужасен. Сделайте себе одолжение, вырвите его и используйте библиотеку JS по вашему выбору, например, jQuery или ExtJS.
Scott Stroz 12 дек. 2013, в 20:49
0

К сожалению, это не вариант здесь. Мне нужно найти обходной путь в настоящее время.
Nicholas 12 дек. 2013, в 21:04
0

Какую версию CF вы используете?
James A Mohler 12 дек. 2013, в 21:04
1

Делать это правильно не вариант? Мне жаль вас.
Scott Stroz 12 дек. 2013, в 21:09
0

Похоже, что у CF 9 есть extjs 3.0, а у CF 10 есть extjs 3.1. Вам нужно будет посмотреть, как эти версии работают с какой бы то ни было версией jquery. проверьте, применимо ли это: stackoverflow.com/search?q=[jquery]+[extjs]+tooltip
James A Mohler 12 дек. 2013, в 21:25
0

@Scott Скотт Строз Это кажется излишне антагонистическим. Большинство крупных корпораций не одобряют огромный проект, изменяющий десятки тысяч строк кода на сотнях страниц без четкого RoI, который полностью покупает руководство. Даже тогда, время разработчика может просто не быть там.
Nicholas 12 дек. 2013, в 21:36
0

@James Джеймс Молер Спасибо за предложение. Мы используем CF9. Я выполню поиск по указанной вами ссылке и выясню, не связано ли что-либо с тем, что мы испытываем.
Nicholas 12 дек. 2013, в 21:37
1

Это не должно было быть антагонистическим, оно должно было быть чутким. Это отстой, что компания не видит выгоды в правильном ведении дел. Я бы не хотел работать в такой среде снова.
Scott Stroz 12 дек. 2013, в 21:48
1

Если компания не видит RoI правильного поведения, я не уверен, что это компания, с которой я бы хотел работать. cflayout и другие теги, связанные с UI / AJAX, уменьшат RoI приложения, когда вам придется иметь дело с такими глупыми проблемами, как эта.
Scott Stroz 12 дек. 2013, в 21:50
1

Когда вы говорите, что исправили это: «Я управлял взломом с помощью кода, подобного этому». Тогда это должно сказать вам, что это делается неправильно.
Dave Ferguson 12 дек. 2013, в 22:05
0

@ScottStroz Я извиняюсь тогда; Я неправильно понял ваше намерение. К сожалению, традиционные менеджеры, похоже, больше ищут доход, чем экономию средств. И иногда времени разработчиков просто не хватает, не снимая их с высокоприоритетных проектов с прямым возвратом.
Nicholas 13 дек. 2013, в 13:26
0

@DaveFerguson Правда. Но опять же, когда вы выбираете между взломом за 5 часов или переработкой приложения за 300 часов, и у вас есть клиент, ожидающий результатов, ваш выбор ограничен.
Nicholas 13 дек. 2013, в 13:26

Показать ещё 10 комментариев

Теги:

jquery

extjs

jquery-ui

coldfusion

jquery-ui-tooltip

1 ответ

Ещё вопросы

Проблема, вероятно, с cflayout . Пользовательский интерфейс в ColdFusion ужасен. Сделайте себе одолжение, вырвите его и используйте библиотеку JS по вашему выбору, например, jQuery или ExtJS.
К сожалению, это не вариант здесь. Мне нужно найти обходной путь в настоящее время.
Делать это правильно не вариант? Мне жаль вас.
Похоже, что у CF 9 есть extjs 3.0, а у CF 10 есть extjs 3.1. Вам нужно будет посмотреть, как эти версии работают с какой бы то ни было версией jquery. проверьте, применимо ли это: stackoverflow.com/search?q=[jquery]+[extjs]+tooltip
@Scott Скотт Строз Это кажется излишне антагонистическим. Большинство крупных корпораций не одобряют огромный проект, изменяющий десятки тысяч строк кода на сотнях страниц без четкого RoI, который полностью покупает руководство. Даже тогда, время разработчика может просто не быть там.
@James Джеймс Молер Спасибо за предложение. Мы используем CF9. Я выполню поиск по указанной вами ссылке и выясню, не связано ли что-либо с тем, что мы испытываем.
Это не должно было быть антагонистическим, оно должно было быть чутким. Это отстой, что компания не видит выгоды в правильном ведении дел. Я бы не хотел работать в такой среде снова.
Если компания не видит RoI правильного поведения, я не уверен, что это компания, с которой я бы хотел работать. cflayout и другие теги, связанные с UI / AJAX, уменьшат RoI приложения, когда вам придется иметь дело с такими глупыми проблемами, как эта.
Когда вы говорите, что исправили это: «Я управлял взломом с помощью кода, подобного этому». Тогда это должно сказать вам, что это делается неправильно.
@ScottStroz Я извиняюсь тогда; Я неправильно понял ваше намерение. К сожалению, традиционные менеджеры, похоже, больше ищут доход, чем экономию средств. И иногда времени разработчиков просто не хватает, не снимая их с высокоприоритетных проектов с прямым возвратом.
@DaveFerguson Правда. Но опять же, когда вы выбираете между взломом за 5 часов или переработкой приложения за 300 часов, и у вас есть клиент, ожидающий результатов, ваш выбор ограничен.

Nicholas · Accepted Answer · 2013-12-17T20-00-00.000Z

В итоге мы решили использовать следующий хак:

 open: function (event, ui) {
     updateTooltipPositions();
 }

 function updateTooltipPositions() {
     $("[id^='ui-tooltip-']").css("left", mouseX-401);
     $("[id^='ui-tooltip-']").css("top", mouseY+1);
 }

Кроме того, IE дал нам некоторые проблемы с ручным закрытием всплывающих подсказок. Чтобы избежать этого, нам пришлось вынудить эту конкретную страницу из режима причуд:

 <cfheader name="X-UA-Compatible" value="IE=Edge">   <!--- Force browser into standards mode --->

Ни одно из них не является оптимальным решением. Тем не менее, они работали для нашей чувствительной ко времени ситуации.

Мы используем его для IE8, хотя я считаю, что он переведет каждую версию IE в стандартный режим. «IE = Edge» должен оставлять только Firefox, Chrome и другие браузеры, если ваша страница не полностью соответствует (у нас есть некоторые проблемы).