2013-05-15 6 views
9

मैं बटन पर क्लिक करके पॉपअप विंडो में फ़ाइल खोलने के लिए प्लगइन या सरल स्क्रिप्ट ढूंढने का प्रयास कर रहा हूं। यह काम करने के लिए प्रयोग किया जाता था, लेकिन सभी jQuery अपडेट (माइग्रेशन फ़ाइल के साथ भी) के साथ, यह अब काम नहीं करता है।नई विंडो में लिंक खोलने के लिए jQuery फ़ंक्शन

मैं इस पाया है, लेकिन इस पॉपअप फ़ाइल यूआरएल पर रीडायरेक्ट को खोलता है और यह भी:

$(document).ready(function() { 
$('.popup').click(function(event) { 
    window.open($(this).attr("href"), "popupWindow", "width=600,height=600,scrollbars=yes"); 
}); 
}); 

किसी भी एक सरल पॉपअप प्राप्त करने के लिए तरीका है? इसमें स्क्रॉलबार, अधिमानतः आकार बदलने योग्य होना चाहिए। मैंने मोडल बक्से के लिए बहुत सी पोस्ट देखी हैं, लेकिन जो मुझे चाहिए वह पूरा नहीं करता है। पॉपअप बॉक्स में इसका अपना डिज़ाइन है और मॉडल के लिए उपयुक्त होने की तुलना में अधिक सामग्री है।

मैं भी कोई अतिरिक्त मार्कअप जोड़ने से बचना चाहता हूं। उपर्युक्त उदाहरण की तरह, केवल कक्षा को जोड़ने का सबसे अधिक अर्थ होता है।

उत्तर

26

इस प्रयास करें,

$('.popup').click(function(event) { 
    event.preventDefault(); 
    window.open($(this).attr("href"), "popupWindow", "width=600,height=600,scrollbars=yes"); 
}); 

आप jQuery इस काम करने के लिए संदर्भ शामिल करने के लिए है, यहाँ काम कर sampe है http://jsfiddle.net/a7qJt/

+0

काम नहीं किया, पॉपअप – jenhan

+0

@jenhan नहीं खुलेगा: देख नमूना साझा –

+0

धन्यवाद Chamika। मेरे पास jQuery संदर्भित है। मुझे लगता है कि यह एक आईई मुद्दा है। यह क्रोम और फ़ायरफ़ॉक्स में काम कर रहा है। – jenhan

0

इस तरह से अपने क्लिक कॉलबैक में return false; जोड़ने का प्रयास करें -

$(document).ready(function() { 
    $('.popup').click(function(event) { 
     window.open($(this).attr("href"), "popupWindow", "width=600,height=600,scrollbars=yes"); 
     return false; 
    }); 
}); 
+0

काम नहीं किया, पॉपअप बिल्कुल नहीं खुलते हैं :( – jenhan

+0

@jenhan क्या आपके पास किसी भी मौके से पॉपअप अवरुद्ध हैं? – naththedeveloper

+0

नहीं, मैंने इसे चेक किया था और वे अवरुद्ध नहीं हैं। – jenhan

0
$(document).ready(function() { 
$('.popup').click(function(event) { 
    window.open($(this).attr("href"), "popupWindow", "width=600,height=600,scrollbars=yes"); 
}); 
}); 
2

बटन केवल घटना पर क्लिक करें।

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" type="text/javascript"></script> 
     <script language="javascript" type="text/javascript"> 
      $(document).ready(function() { 
       $("#btnext").click(function() {      
        window.open("HTMLPage.htm", "PopupWindow", "width=600,height=600,scrollbars=yes,resizable=no"); 
       }); 
      }); 
</script> 

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