Я использую CSS / Javascript, чтобы показать всплывающие подсказки для различных входных данных при наведении курсора.Это работает во многих различных условиях, но у меня есть некоторые проблемы с входными данными в модальном диалоге Jquery UI.Когда я открываю диалоговое окно в первый раз, оно работает на 100% нормально (всплывающие подсказки отображаются в front диалога), но если я закрываю его и открываю заново ( без перезагрузкистраница), всплывающие подсказки будут отображаться за диалоговым окном.Я сделал , явно установил z-index для всплывающей подсказки div и диалогового окна так, чтобы подсказка имела более высокое значение, но работает только в первый раз.Если я установлю диалог немодальным, все будет хорошо даже при повторном открытии (но я очень предпочитаю модальное в этом случае) Примечание : протестировано в Firefox 3.6.3
Любые идеипочему он работает только при первом открытии диалога?
У меня есть вспомогательный div:
<div style="float: right; margin: 0px 10px 5px 0px;" id="tool_tip_help_id"></div>
, в который я добавлю фактическую подсказку:
jq('div#tool_tip_help_id').append('<div id="tool_tip_id" class="toolTipDiv" style="display: none;"></div>');
CSS для всплывающей подсказки div:
div.toolTipDiv{
background-color: #FFFF99;
border-left: 1px solid gray;
border-top: 1px solid gray;
border-right: 3px solid gray;
border-bottom: 3px solid gray;
position: absolute;
padding: 2px 2px 2px 2px;
line-height: 120%;
font-size: 12px;
z-index: 100;
}
Пример соответствующего описания диалога:
jq("#Dialog").dialog( {
bgiframe: true,
autoOpen: false,
width: 595,
modal: true,
draggable: false,
zIndex: 1,
});