2012-06-17 21 views
16

पर jquery ट्रिगर होवर वेब वातावरण में विकसित करने के लिए मैं jQuery का उपयोग कर रहा हूं।एंकर

मुझे पता है क्यों

$("#a#trigger").trigger('mouseenter'); 
$("#a#trigger").trigger('hover'); 
$("#a#trigger").trigger('mouseover'); 

सभी उन लोगों में से 3 एक हॉवर समारोह मेरे पास है कि सक्रिय करने के लिए काम नहीं कर रहे चाहता हूँ।

$(function() { 


     $('a#trigger').hover(function(e) { 
      $('div#pop-up').show(); 

      }, function() { 
      $('div#pop-up').hide(); 
     }); 

    }); 

     }); 

a#trigger लंगर का नाम है, और #pop-up अपने वेब में एक div तत्व है।

समस्या यह है कि मैं फुल कैलेंडर प्लगइन में कुछ ईवेंट पर माउस करना चाहता हूं और वे कार्य काम नहीं कर रहे हैं। धन्यवाद।

+6

चयनकर्ता में आईडी के सामने टैगनाम का उपयोग न करें, अकेले आईडी का उपयोग करने से कम कुशल है – charlietfl

उत्तर

61

आप सही रास्ते पर हैं, समस्या चयनकर्ता में अतिरिक्त # है, बस पहले हैश निकालें:

$("a#trigger").trigger('mouseenter'); 

ध्यान दें कि जब से आईडी अद्वितीय होनी चाहिए, तत्व प्रकार निर्दिष्ट करने की कोई आवश्यकता नहीं है, $('#trigger') अधिक कुशल है।

भी ध्यान रखें कि:

jQuery 1.8 में पदावनत, 1.9 में हटाया: नाम "hover" स्ट्रिंग "mouseenter mouseleave" के लिए एक आशुलिपि के रूप में इस्तेमाल किया। यह उन दो घटनाओं के लिए एक एकल ईवेंट हैंडलर को जोड़ता है, और यह निर्धारित करने के लिए हैं कि ईवेंट mouseenter या mouseleave है या नहीं, हैंडलर को event.type की जांच करनी चाहिए। छद्म-घटना-नाम को .hover() विधि से भ्रमित न करें, जो एक या दो कार्यों को स्वीकार करता है।

+5

वाह प्रोग्रामिंग के 25 घंटे बाद नरक की तरह अंधा है, आपको बहुत धन्यवाद। और यह वैसे भी माउसेंटर था .. @undefined –

+0

@OriGavrielRefael आपका स्वागत है :) – undefined

+0

मुझे नहीं पता कि मैं किसी भी तरह ट्रिगर (माउसेंटर) 'का उपयोग क्यों कर रहा हूं, लेकिन ' होवर 'क्लास और' ऐडक्लास ('होवर') करें। – Liber

8

आपका jQuery चयनकर्ता उदा।

$('a#trigger'); 

बजाय $('#a#trigger');

jQuery में एक चयनकर्ता में एक # एक आईडी से मेल खाता है। इस मामले में trigger एक आईडी है, लेकिन a एक HTML तत्व है और इसके लिए कोई उपसर्ग की आवश्यकता नहीं है।

आपकी अंतिम कोड होगा:

$("a#trigger").trigger('mouseenter'); 
$("a#trigger").trigger('hover'); 
$("a#trigger").trigger('mouseover'); 
संबंधित मुद्दे