[Jquery] bpopup काम नहीं + पेज लोड पर प्रदर्शित



Answers

<div id="element_to_pop_up">
<a class="b-close">x<a/>

<div class="content">
    Content of popup
</div>

</div>

बस वर्ग "सामग्री" के साथ एक अतिरिक्त div जोड़ें यह काम करना चाहिए।

Question

मैं jquery के लिए बहुत noob हूँ और इसके बारे में सब कुछ। मैं सिर्फ एक पेज विज्ञापन हॉक कर रहा हूं, इसलिए मुझे खो गया। मुझे आईफ्रेम और पॉपअप को प्रदर्शित करने की आवश्यकता है I यह कैसे करना है?

मैंने bpopup की कोशिश की:

index.html समान है:

<button id="my-button">POP IT UP</button>
<!-- Element to pop up -->
<div id="element_to_pop_up">
    <a class="b-close">x<a/>
    Content of popup
</div>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="js/jquery.bpopup.min.js"></script>
<script src="js/jquery.easing.1.3.js"></script>
<script src="js/scripting.min.js"></script>

और bpopup के होमपेज के अनुसार मैंने jquery.bpopup.min.js को संशोधित किया

// Semicolon (;) to ensure closing of earlier scripting
// Encapsulation
// $ is assigned to jQuery
;(function($) {

     // DOM Ready
    $(function() {

        // Binding a click event
        // From jQuery v.1.7.0 use .on() instead of .bind()
        $('#my-button').bind('click', function(e) {

            // Prevents the default action to be triggered. 
            e.preventDefault();

            // Triggering bPopup when click event is fired
            $('element_to_pop_up').bPopup({
        content:'iframe', //'ajax', 'iframe' or 'image'
        contentContainer:'.content',
        loadUrl:'http://dinbror.dk/search' //Uses jQuery.load()
    });


        });

    });

})(jQuery);

और मैंने डिफ़ॉल्ट सीएसएस सेटिंग की तरह इस्तेमाल किया:

#element_to_pop_up { 
    background-color:#fff;
    border-radius:15px;
    color:#000;
    display:none; 
    padding:20px;
    min-width:400px;
    min-height: 180px;
}
.b-close{
    cursor:pointer;
    position:absolute;
    right:10px;
    top:5px;
}

अब अजीब बात है $('#element_to_pop_up').bPopup(); जैसी एक डिफ़ॉल्ट जेएस सेटिंग है $('#element_to_pop_up').bPopup(); कि वास्तव में काम करता है, बटन पर क्लिक करने के बाद सरल पॉपअप दिखाता है लेकिन जब मैं इफ्रेम सेटिंग (ऊपर बताई गई) का उपयोग करता हूं, तो कुछ भी नहीं हो रहा है कुछ भी तो नहीं। Whyyyy? मैं इसके साथ भ्रमित हूँ

लक्ष्य पृष्ठ लोड होने पर पॉपअप को प्रदर्शित करना है। मैंने कई संकेत देखे हैं, लेकिन इनमें से कोई भी काम नहीं करता है कौन सी फ़ाइल को संशोधित करें और कैसे ????

यदि आपको पता है कि कैसे मदद करना है, तो कृपया मुझे बताएं। बस मत भूलना मैं एक छोटे बच्चे की तरह चलना सीख रहा हूं। तो "टाई शॉइलस" जैसे किसी भी विस्तार को छोड़ें नहीं। बहुत बहुत धन्यवाद




कुछ चीजों को जांचना है सबसे पहले, क्रोम देव उपकरण खोलें और कंसोल देखें। देखें कि क्या आप अपने बटन पर क्लिक करते समय कोई भी त्रुटि प्राप्त कर रहे हैं।

दूसरा, नेटवर्क टैब की जांच करें और सुनिश्चित करें कि सब कुछ ठीक से लोड हो रहा है।

क्या आप उस कोड को पोस्ट कर सकते हैं जो वास्तव में काम करता है तो हम देख सकते हैं कि क्या अलग है?




Links