कर्सर

Question

के साथ एक qtip टूलटिप स्थानांतरित करने के लिए मैं जेएस लाइब्रेरी qtip टूलटिप का उपयोग कर रहा हूं। मैं क्यूटीप टूलटिप को अपने कर्सर के साथ ले जाना चाहता हूं क्योंकि मैं एक टेबल में होवर पंक्ति पर होवर करता हूं। मुझे पता है कि मेरे कर्सर के साथ अपना खुद का टूलटिप कैसे स्थानांतरित करना है लेकिन क्यूटीप के साथ संघर्ष कर रहा हूं। कृपया जिस कोड का आप उत्तर देते हैं उसे समझाएं। धन्यवाद

मेरे एचटीएमएल:

<table> 
    <div id="hoverdiv"></div> 
    <tr class="hover" hovertext="Some text"> 
     <td>Total Credits</td> 
     <td><%= @total_credit %></td> 
    </tr> 
</table> 

मैं एक सामान्य टूलटिप बना सकते हैं (बिना qtip js lib) एक स्थिर प्रदर्शित करने के लिए निम्नलिखित jQuery कोड

$(document).ready(function() { 
$('.hover').mousemove(function(e) { 

    var hovertext = $(this).attr('hovertext'); 
    $('#hoverdiv').text(hovertext).show(); 
    $('#hoverdiv').css('top', e.clientY+10).css('left', e.clientX+10); 

}).mouseout(function() { 

    $('#hoverdiv').hide(); 

}); 
}); 

और कोड का उपयोग कर मेरी कर्सर का पालन करने के qtip टूलटिप:

$(document).ready(function() { 
$('.hover').each(function() { 
    $(this).qtip({ 
    content: $(this).attr('hovertext') 
    }); 
}); 
}); 

यह मैं अब तक की कोशिश की है है:

+०१२३५१६४१०

$(document).ready(function() { 
$('.hover').mousemove(function(e) { 

    $(this).qtip({ 
    content: $(this).attr('hovertext') 
    }); 
    $('').css('top', e.clientY+10).css('left', e.clientX+10); 
}); 
}); 

Answer 1

qTip docs के अनुसार:

position.target माउस पर सेट होने पर, इस विकल्प को निर्धारित करता है जब show.target पर मँडरा कि क्या टूलटिप माउस इस प्रकार है।

उदाहरण:

$('.selector').qtip({ 
    content: { 
     text: 'I follow the mouse whilst I\'m visible. Weeeeee!' 
    }, 
    position: { 
     target: 'mouse', 
     adjust: { 
     mouse: true // Can be omitted (e.g. default behaviour) 
     } 
    } 
}); 

और एक jsFiddle example।