2011-05-26 15 views
5

मैं क्षेत्र में jquery tooltip का उपयोग कर रहा हूं जो AJAX के साथ पुनः लोड किया गया है। तो मैं टूलटिप के लिए जेएस बांधता हूं और अधिकांश ब्राउज़र के लिए सभी ठीक काम करता है लेकिन आईई 7 और 8 के लिए नहीं। स्थिति में कोई समस्या है और यह मुझे त्रुटि देता है जैसे "बाएं नल है या ऑब्जेक्ट नहीं है" और यहां समस्या का हिस्सा है स्क्रिप्ट `jquery टूलटिप आईई समस्या

var left = helper.parent[0].offsetLeft; 
    var top = helper.parent[0].offsetTop; 
    if (event) { 
     // position the helper 15 pixel to bottom right, starting from mouse position 
     left = event.pageX + settings(current).left; 
     top = event.pageY + settings(current).top; 
     var right='auto'; 
     if (settings(current).positionLeft) { 
      right = $(window).width() - left; 
      left = 'auto'; 
     } 
     helper.parent.css({ 
      left: left, 
      right: right, 
      top: top 
     }); 
    }` 

जब मैं त्रुटि पॉपअप बंद करता है, तो मुझे लगता है कि क्षेत्र में यह सामान्य काम शुरू करने के लिए जल्दी से माउस ले जाएँ। क्या कोई कह सकता है कि समस्या क्या है। पुनः लोड किया गया क्षेत्र निश्चित चौड़ाई के साथ है।

उत्तर

0

क्या आपने वैकल्पिक प्लगइन का भी उपयोग किया था? http://plugins.jquery.com/project/bgiframe

+0

सं। मैं iframe का उपयोग नहीं कर रहा हूं, लेकिन मैं सिर्फ यह देखने की कोशिश करता हूं कि कोई अंतर है लेकिन समस्या अभी भी वहां है। – Yovo

0
$(document).ready(function(){ 
    $('body').append('<div id="tooltip"></div>'); 
    $('[tooltip]').each(function(){ 
     $(this) 
      .mouseover(function(){ $("#tooltip").css("display","block").html($(this).attr("tooltip")); }) 
      .mouseout(function(){ $("#tooltip").css("display","none"); }) 
      .mousemove(function(e){ $("#tooltip").css({"left": e.pageX, "top": e.pageY}); }) 
    }); 
}); 

यहां आप देख सकते हैं कि यह कैसे काम करता है: http://jsfiddle.net/au4Lt/

संबंधित मुद्दे