Sweetalert: ओके पर क्लिक करके लिंक पर जाएं

को निर्मित 28 अक्तू॰ 2014 · 4टिप्पणियाँ · स्रोत: t4t5/sweetalert

मेरी अनुभवहीनता को क्षमा करें। इसे कैसे प्राप्त किया जा सकता है:

जब कोई उपयोगकर्ता किसी लिंक पर क्लिक करता है, तो मैं एक संदेश दिखाना चाहता हूं, लेकिन उसके बाद केवल _if_ लिंक पर जाने के लिए उपयोगकर्ता स्वीटलर्ट संवाद में 'ठीक' का चयन करता है।

धन्यवाद!

स्रोत

voodoo6

सबसे उपयोगी टिप्पणी

यह वास्तव में हासिल करना बहुत आसान है। मैं इस उदाहरण में jQuery का उपयोग कर रहा हूँ।

$('a').click(function(e){
    e.preventDefault();
    var link = $(this).attr('href');

    swal({
        title: "Are you sure?",
        text: "By clicking 'OK' you will be redirected to the link.",
        type: "warning",
        showCancelButton: true
    },
    function(){
        window.location.href = link;
    });
});

यह व्यवहार को सभी ए-टैग में जोड़ देगा। यदि आप इसे केवल कुछ लिंक के लिए चाहते हैं, तो आप ए-टैग में एक विशिष्ट वर्ग जोड़ सकते हैं, और SweetAlert कार्यक्षमता को केवल उन तक सीमित कर सकते हैं।

t4t5 29 अक्तू॰ 2014

👍2 ❤1

सभी 4 टिप्पणियाँ

पुस्तकालय के पास ऐसा करने का विकल्प नहीं है। मैं कंस्ट्रक्टर को एक अतिरिक्त परम भेजने के लिए # 165 (हमें स्वीकृत होने की प्रतीक्षा करने की आवश्यकता है) में कंस्ट्रक्टर को संशोधित करता हूं, इस मामले में यह लिंक होगा।

jupazave 28 अक्तू॰ 2014

$('a').click(function(e){
    e.preventDefault();
    var link = $(this).attr('href');

    swal({
        title: "Are you sure?",
        text: "By clicking 'OK' you will be redirected to the link.",
        type: "warning",
        showCancelButton: true
    },
    function(){
        window.location.href = link;
    });
});

t4t5 29 अक्तू॰ 2014

👍2 ❤1

ट्रिस्टन की मदद करने के लिए धन्यवाद, यह पूरी तरह से काम करता है!

voodoo6 30 अक्तू॰ 2014

काम नहीं कर रहा!

ध्यान में न आया स्वीटअलर्ट: अनपेक्षित दूसरा तर्क (फ़ंक्शन () {
window.location.href = mainURL;

});

मुझे क्या करना चाहिए?

mojtabaRKS 27 जन॰ 2019

क्या यह पृष्ठ उपयोगी था?

0 / 5 - 0 रेटिंग्स

Sweetalert: ओके पर क्लिक करके लिंक पर जाएं

सबसे उपयोगी टिप्पणी

सभी 4 टिप्पणियाँ

काम नहीं कर रहा!

});

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