2012-01-20 28 views
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檢查不同的瀏覽器看到的。 有人可以幫助我嗎?

回答

0

因爲IE8不像Chrome,Firefox或IE9那樣支持許多jQuery功能。您必須爲IE8行爲編寫一個例外,以繞過您正在嘗試執行的操作或通過IE8瀏覽器的備用選項來處理。

相關問題