0
工具提示顯示正常,但當我嘗試將鼠標指向某個項目時,下拉框會自動關閉。這隻發生在Internet Explorer上,在其他瀏覽器上它正常工作。爲什麼我不能在IE上選擇使用JQuery vtip?但是,在Chrome瀏覽器上,Mozilla沒有問題
HTML代碼:
<table width="100%" cellpadding="0" cellspacing="2" border="0">
<tr>
<td width="20%" class="fundoTituloForm">Entidade:</td>
<td width="80%" class="bordaFormResp">
<select name="academia" id="academia" class="formulario vtip" title="Selecione a entidade que deseja">
JS代碼:
this.vtip = function() {
this.xOffset = -10; // x distance from mouse
this.yOffset = 20; // y distance from mouse
$(".vtip").unbind().hover(
function(e) {
this.t = this.title;
this.title = '';
this.top = (e.pageY + yOffset); this.left = (e.pageX + xOffset);
$('body').append('<p id="vtip"><img id="vtipArrow" />' + this.t + '</p>');
$('p#vtip #vtipArrow').attr("src", '../../imagens/vtip_arrow.gif');
$('p#vtip').css("top", this.top+"px").css("left", this.left+"px").fadeIn("fast");
},
function() {
this.title = this.t;
$("p#vtip").fadeOut("slow").remove();
}
)
.mousemove(
function(e) {
this.top = (e.pageY + yOffset);
this.left = (e.pageX + xOffset);
$("p#vtip").css("top", this.top+"px").css("left", this.left+"px");
}
);
};
jQuery(document).ready(function($){vtip();})
您可以在真正的here檢查不同的瀏覽器看到的。 有人可以幫助我嗎?