Comment puis-je aller sur l'ouverture d'href lien dans un Dialogue jQuery?

Ok, donc j'ai le code suivant, illustré ci-dessous pour créer une boîte de dialogue à l'aide d'un div dans une page en particulier:

    $('#modal').dialog({
    autoOpen: false,
    width: 600,
    height: 450,
    modal: true,
    resizable: false,
    draggable: false,
    title: 'Enter Data',
    close: function() { 
        $("#modal .entry_date").datepicker('hide');
    } 
 });

 $('.modal').click(function() {
    $('#modal').dialog('open');
 });

C'est tous fonctionne bien. Cependant, maintenant, ce que je veux faire est d'être également en mesure d'ouvrir un lien dans une fenêtre de dialogue. Par exemple à l'aide de
quelque chose le long des lignes de code ci-dessous:

<a href="/path/to/file.html" class="modal">Open Me!!</a>

Ce que j'ai fait avant d'en coder en dur le chemin, comme dans l'exemple de code ci-dessous:

$('#modal').load('/path/to/file.html').dialog('open');

Dans ce cas cependant, on ne peut pas coder en dur le chemin d'accès dans le code javascript, comme il y aura plusieurs objets provenant de la base de données.

À ce point, j'ai du mal à comprendre comment obtenir que cela fonctionne. Je suis également convaincu que la réponse est vraiment évident, et je suis contente de me fixer jusqu'à être humilié par l'habile folk ici à StackOverflow.

J'ai gratté ma tête depuis assez longtemps cet après-midi, donc, mon ego a été mis à l'écart, et j'espère que quelqu'un peut me pointer dans la bonne direction sur la façon dont ce code correctement.

Bien que la page a savoir que le chemin est quelque, droit? Comment fonctionne la page obtenir cette information? Lorsque vous avez la réponse, alors votre approche de l'utilisation de "charge" avant d'ouvrir la boîte de dialogue est assez proche de ce que vous avez besoin.

OriginalL'auteur Phil | 2010-03-22

  1. 6

    Il vous suffit de prendre l'attribut href et de la charge que

    $('.modal').click(function(e) {
    e.preventDefault();
    $('#modal').load(this.href).dialog('open');
});
    C'est ce que fait le truc. Je savais que vous seriez en mesure d'obtenir le href d'une façon, mais tout ce que j'ai essayé ouvert le lien, peu importe que ce n'était pas empêcher le navigateur d'ouvrir le lien! Merci beaucoup, beaucoup!!!

    OriginalL'auteur PetersenDidIt

  2. 1

    Dans cette boîte de dialogue code de la taille et le titre est déclarer en lien

    <script type="text/javascript">
function tb_parseQuery(query) {
var Params = {};
if (!query) { return Params; }//return empty object
var Pairs = query.split(/[;&]/);
for (var i = 0; i < Pairs.length; i++) {
var KeyVal = Pairs[i].split('=');
if (!KeyVal || KeyVal.length != 2) { continue; }
var key = unescape(KeyVal[0]);
var val = unescape(KeyVal[1]);
val = val.replace(/\+/g, ' ');
Params[key] = val;
}
return Params;
}
$(document).ready(function () {
$('a.uimodal').bind('click', function () {
var $this = $(this);
var url = $this.attr("href");
var queryString = url.replace(/^[^\?]+\??/, '');
var params = tb_parseQuery(queryString);
TB_WIDTH = (params['width'] * 1) + 30 || 630; //defaults to 630 if no paramaters were added to URL
TB_HEIGHT = (params['height'] * 1) + 40 || $(document).height(); //defaults to 440 if no paramaters were added to URL
TB_Title = (params['title']);
$('<div>').dialog({
modal: true,
open: function () {
$(this).load(url);
},
height: TB_HEIGHT,
width: TB_WIDTH,
title: TB_Title
});
return false;
});
});
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<a class="uimodal" href="Dialog.aspx?height=350&width=700&title=تست"> click</a>
</div>
</form>
</body>
</html>

    OriginalL'auteur hamid reza mansouri

  3. 0

    Phil, vous devez saisir l' href attribut:

    var link = $('#modal').attr('href');
$('#modal').load(href).dialog('open');
    J'ai oublié de vous dire que vous avez besoin de désactiver la balise d'ancrage à partir de l'envoi de la demande au serveur. Ce qui est fait par l'arrêt de la propagation dans le navigateur par preventDefault ou return false;

    OriginalL'auteur ground5hark