2013-09-06 14 views
6

के साथ एकल टोस्टर निर्माण को बढ़ाएं मुझे toast पर क्लिक करने पर प्रतिक्रिया करने के तरीके पर यह संदेश प्राप्त हुआ है, इसलिए मैं इसे यहां सभी के लिए पोस्ट करने का निर्णय लेता हूं।वैकल्पिक कस्टम फ़ंक्शन ऑनक्लिक

उपयोगकर्ता एक toast मैं नहीं है हमेशा संदेश गायब करना चाहते हैं पर क्लिक करता है, लेकिन संदेश के प्रकार पर निर्भर मैं करना चाहते हैं:

  • छुपाएं।
  • उपयोगकर्ता को किसी भिन्न पृष्ठ पर रीडायरेक्ट करें (x es/बैठकों/210) jquery संवाद दिखाएं (उदा: प्राप्त एसएमएस दिखा रहा है)।

मूल क्लिक ईवेंट का उपयोग करके मैं toast का पता लगाने में असमर्थ हूं। मुझे मिला एकमात्र कामकाज टोस्ट में एक लिंक जोड़ना था और जब उपयोगकर्ता उस पर क्लिक करता है तो रीडायरेक्ट करता था।

तो मैं जो पूछ रहा हूं वह मूल क्लिक ईवेंट का उपयोग करके उपयोगकर्ता के मौजूदा टोस्ट को प्राप्त करने का एक तरीका है (लेकिन इसे समझने के लिए क्लिक करने के लिए टोस्ट में कुछ और काम छिपाने की आवश्यकता हो सकती है करते हैं), या समारोह एक टोस्ट एक समारोह के लिए एक वैकल्पिक कॉलबैक बनाता है जो क्लिक करने, कुछ इस तरह करने के लिए जोड़कर:

toastr.error(
'body text', 
'header text', 
click: function() { 
console.log('you clicked on the error toaster') 
} 
); 

यह बहुत अच्छा पुस्तकालय के लिए धन्यवाद।

उत्तर

6

यह पहले से ही इसे बनाया गया है। आप इन 2 तरीकों से कर सकते हैं: आप उस jQuery ऑब्जेक्ट को पकड़ सकते हैं जिसमें इंडिवियल टॉस्टर तत्व होता है या आप व्यक्तिगत टोस्ट के लिए ऑनक्लिक ईवेंट सेट कर सकते हैं। आपका कोड तीसरे बंदरगाह के लिए एक समारोह में गुजर रहा है। तीसरा आकर्षण विकल्प ओवरराइड होना चाहिए। तो यह इस तरह दिखना चाहिए:

toastr.error('body text', 'header text', 
    {onclick: function() {console.log('you clicked on the error toaster')}} 
); 
toastr.info('body text 1', 'header text', 
    {onclick: function() {console.log('you clicked on the info toaster n.1')}} 
); 
+0

दुर्भाग्य से, इस के बाद onClick विधि कहा जाता है, hideToast() विधि पीछा कर रहा है गायब से संदेश को नहीं रोकता है ... toastr.js में। मेरा विचार अब बूलियन परिणाम को ऑनक्लिक विधि से वापस करना था और यदि यह गलत है - तो संदेश खोलने के लिए। फिर भी, शायद आप किसी भी बेहतर दृष्टिकोण का सुझाव दे सकते हैं? :)) – Anelook

+0

मुझे लगता है कि यह दस्तावेज़ों में भी होना चाहिए था। मुझे पता है कि यह हस्ताक्षर में है लेकिन जिथूब पेज पर एक उदाहरण अच्छा रहा होगा - शायद मुझे एक पीआर संपादित करना और करना चाहिए :) –

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