Wie öffne ich eine URL in einem Dialogfeld? JQUERY UI

Question

Mar 17, 2013, 10:06 AM

Wie öffne ich eine URL in einem Dialogfeld? JQUERY UI

Ich habe seit geraumer Zeit nach einer einfachen Lösung gesucht. Ich möchte eine Seite (zum Beispielhttp://www.google.com), die in einem JQuery UI-Dialogfenster angezeigt werden sollen. Es ist geplant, die URL später dynamisch hinzuzufügen, damit alle Links von meiner Website in diesem Fenster angezeigt werden.

Ich habe Folgendes versucht, aber das Dialogfenster ist leer, wenn Sie auf den Link klicken.

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Test</title>


<meta charset="utf-8" />
  <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.1/themes/base/jquery-ui.css" />
  <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
  <script src="http://code.jquery.com/ui/1.10.1/jquery-ui.js"></script>
  <script>
$(document).ready(function() {
    $('#openwindow').each(function() {
        var $link = $(this);
        var $dialog = $('<div></div>')
            .load($link.attr('href'))
            .dialog({
                autoOpen: false,
                title: $link.attr('title'),
                width: 500,
                height: 300
            });

        $link.click(function() {
            $dialog.dialog('open');

            return false;
        });
    });
});
  </script>

</head>
<body>
<a id="openwindow" href="http://www.google.com">Click me to test.</a>
</body>
</html>

Ich habe ein paar Beispiele gefunden, aber keines hat tatsächlich funktioniert. Ich würde mich sehr über Hilfe freuen.

Danke im Voraus.