jQuery UI İletişim penceresi AJAX tarzı içinde yüklü UI Sekmeler jQuery

SORU

30 NİSAN 2009, PERŞEMBE

jQuery UI İletişim penceresi AJAX tarzı içinde yüklü UI Sekmeler jQuery

AJAX sekmeleri gayet iyi çalışıyor. O kısmı oldukça basittir. Ancak, AJAX UI kalıcı bir pencere bağlantı tetiklemek için İletişim alma başarısız oldu.

Bu herhangi bir yardım mutluluk duyacağız.

CEVAP

25 EYLÜL 2009, Cuma

Hiçbir şey bu adamdan çok daha kolay. Şunu deneyin:

<?xml version="1.0" encoding="iso-8859-1"?>
<html>
<head>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
    <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.1/themes/base/jquery-ui.css" type="text/css" />
    <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.1/jquery-ui.min.js"></script>
    <style>
        .loading { background: url(/img/spinner.gif) center no-repeat !important}
    </style>
</head>
<body>
    <a class="ajax" href="http://www.google.com">
      Open as dialog
    </a>

    <script type="text/javascript">
    $(function (){
        $('a.ajax').click(function() {
            var url = this.href;
            // show a spinner or something via css
            var dialog = $('<div style="display:none" class="loading"></div>').appendTo('body');
            // open the dialog
            dialog.dialog({
                // add a close listener to prevent adding multiple divs to the document
                close: function(event, ui) {
                    // remove div with all data and events
                    dialog.remove();
                },
                modal: true
            });
            // load remote content
            dialog.load(
                url, 
                {}, // omit this param object to issue a GET request instead a POST request, otherwise you may provide post parameters within the object
                function (responseText, textStatus, XMLHttpRequest) {
                    // remove the loading class
                    dialog.removeClass('loading');
                }
            );
            //prevent the browser to follow the link
            return false;
        });
    });
    </script>
</body>
</html>

Bir sunucuya yüklemek Zorundasınız yerel uzak yük, yapamaz mısın yoksa ne olursa olsun unutmayın. Ayrıca bir belge aynı etki alanında barındırılan bağlantı (here's the workaround) href değiştirmeniz gerekir bu yüzden dış etki alanından yükleyebilirsiniz unutmayın.

Şerefe

Bunu Paylaş: