2016-08-30 5 views
1

Ich habe Seite, wo ich ein modales Popup auf eine Schaltfläche öffnet klicken Sie auf Open Popup.Stop refresh modales Popup auf Button klicken, wenn bereits geöffnet

Szenario:

Anfangs, wenn Seite keine Popup öffnet angezeigt wird, ich auf den Knopf klicken Open Popup, mein modaless Popup ist eröffnet und ich habe einige Daten auf diesem Popup gefüllt und wenn ich wieder auf klicken Sie auf " Open Popup "Schaltfläche der Elternseite, dann wird mein Popup aktualisiert.

Erwartet:

Wenn mein modaless Popup geöffnet ist dann auf Klick auf Open Popup-Taste (der Eltern), statt das Pop-up von refresing, Fokus sollte kommt auf bereits geöffneten Pop-up.

Ich versuche dies zu erreichen mit jQuery oder JavaScript.

Was ich bisher versucht: Bei einem Klick auf Open Popup, ich versuche, wenn offen Popup muss überprüfen ‚in‘ Klasse nicht öffnen Popup dann tun:

if ($('#NewPopup').hasClass('in')) { 
       return false; 
      } 

Aber diese funktioniert nicht. Irgendeine Idee, wie kann ich das erreichen?

+0

Ich denke, Sie nicht wollen, damit der Benutzer die Pop-Knopf klicken, wenn die Pop bereits geöffnet ist, daß Im Idealfall deaktivieren Sie die übergeordnete Seite, indem Sie sie mit dem z-Index durch ein transparentes div maskieren. Dadurch wird der Benutzer nicht in der Lage sein, auf die Schaltfläche zu klicken und Sie müssen nicht alle diese Überprüfung :) – atul

+0

Ja, das ist die einfachste Lösung, aber das ist nicht von meinem Kunden erforderlich, er möchte auf Button auch wenn Popup klicken ist schon offen. –

+0

Wie auch immer, ich habe die unten gestellte Lösung gefunden. Funktioniert gut für mich. –

Antwort

0

Ich habe eine Lösung gefunden, die prüft, ob der jQuery-Dialog bereits geöffnet ist oder nicht.

Hier bin ich zu überprüfen, ob Dialog öffnet sich bereits bis dann tun Sie es nicht wieder öffnen:

if (!$('.ui-dialog-content').dialog("isOpen")) { 
      $("#" + options.id).dialog("open"); 
}