it-swarm.com.de

jQuery-Funktion zum Öffnen der Verknüpfung in einem neuen Fenster

Ich versuche, ein Plugin oder ein einfaches Skript zu finden, um eine Datei in einem Popup-Fenster zu öffnen, indem Sie auf eine Schaltfläche klicken. Früher funktionierte dies, aber bei allen jQuery-Updates (auch bei der Migrationsdatei) funktioniert dies nicht mehr.

Ich habe dies gefunden, aber das öffnet das Popup und leitet auch auf die Datei-URL um: 

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

Irgendwelche Möglichkeit, ein einfaches Popup zu erhalten? Es muss Bildlaufleisten haben, vorzugsweise in der Größe veränderbar. Ich habe viele Beiträge für modale Boxen gesehen, aber das wird nicht erreicht, was ich brauche. Die Popup-Box hat ein eigenes Design und es gibt mehr Inhalte als für ein Modal geeignet wäre.

Ich möchte auch vermeiden, zusätzliche Markierungen hinzuzufügen. Es ist am sinnvollsten, einfach eine Klasse hinzuzufügen, wie im obigen Beispiel.

9
jenhan

Versuche dies,

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

Sie müssen jQuery-Referenz angeben, um diese Funktion auszuführen Hier ist die Arbeit sampe http://jsfiddle.net/a7qJt/

26

Nur Klickereignis.

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

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

Versuchen Sie, return false; in Ihrem Klick-Rückruf wie folgt hinzuzufügen -

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

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;
});
});
0
computerguy