تلميح أدوات jQuery فوق الحوار
-
20-09-2019 - |
سؤال
لديّ تطبيق Simple HTML Multiline Tooltip:
this.tooltip = function(tag)
{
xOffset = 10;
yOffset = 20;
$(tag + ".tooltip").hover(function(e){
this.t = this.title;
this.title = "";
$("body").append("<p id='tooltip'>"+ this.t +"</p>");
$("#tooltip")
.css("top",(e.pageY - xOffset) + "px")
.css("left",(e.pageX + yOffset) + "px")
.fadeIn("fast");
},
function(){
this.title = this.t;
$("#tooltip").remove();
});
$(tag + ".tooltip").mousemove(function(e){
$("#tooltip")
.css("top",(e.pageY - xOffset) + "px")
.css("left",(e.pageX + yOffset) + "px");
});
};
إنه يعمل بشكل مثالي على الصفحة ، لكنه لا يعرض شيئًا على jquery.ui.dialog. هل هنالك طريقة لإصلاحه؟
المحلول
يجب أن يكون لخصائص Tooltip Div الخاصة بك خاصية Z-Index CSS من الحوار الخاص بـ JQuery UI Div Modal.
نصائح أخرى
C0MRade صحيح. مربع حوار jQuery باستخدام z-index = 1000 كإعداد افتراضي ، لكنني لم أر أي عمليات Z-index في الكود الخاص بك. لذا فإن أبسط طريقة هي تعيين قيمة Z-Index الخاصة بحوار الحوار الخاص بك> 1000.
هل حاولت. (مع z-index كما هو مذكور أعلاه)
لا تنتمي إلى StackOverflow