Funkcja jQuery do otwarcia łącza w nowym oknie

Question

Próbuję znaleźć wtyczkę lub prosty skrypt, aby otworzyć plik w wyskakującym oknie, klikając przycisk. To działało, ale z wszystkimi aktualizacjami jQuery (nawet z plikiem migracji), to już nie działa.

znalazłem to, ale to otwiera okienko, a także przekierowuje do adresu URL pliku:

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

sposób uzyskać prostą popup? Musi mieć paski przewijania, najlepiej zmieniać rozmiar. Widziałem wiele postów dla modalnych pudełek, ale to nie zapewnia tego, czego potrzebuję. Wyskakujące okienko ma swój własny projekt i jest więcej treści niż byłoby odpowiednie dla modalu.

Chcę również uniknąć dodawania jakichkolwiek dodatkowych znaczników. Najlepiej po prostu dodać klasę, jak na powyższym przykładzie.

Answer 1

Spróbuj tego,

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

Trzeba to jQuery odniesienie do pracy to Oto sampe pracujących http://jsfiddle.net/a7qJt/

Answer 2

spróbuj dodać return false; w click zwrotnego tak -

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

Answer 3

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

Answer 4

Zdarzenie tylko kliknięcie przycisku.

<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> 

Answer 5

http://www.jquerybyexample.net/2012/05/open-link-in-new-tab-or-new-popup.html

$(document).ready(function() { 
$('A.BLAH').click(function() { 
var NWin = window.open($(this).prop('href'), '', 'height=600,width=1000'); 
if (window.focus) 
{ 
NWin.focus(); 
} 
return false; 
}); 
});