2013-09-05 2 views
0

Je voudrais obtenir le contenu d'un fichier php sur l'événement click d'un élément tout en bloquant l'interface utilisateur en utilisant ce plugin. Mon code est le suivant:Afficher une autre page lors de l'utilisation du plugin blockUI

<li onclick="$.blockUI({ message: $.get('page.php') });" /> 

Ceci bloque l'interface utilisateur, mais rien d'autre ne se produit. Est-ce que la fonction get de jQuery renvoie le contenu de ce fichier? Dois-je utiliser une autre fonction à cette fin?

Répondre

0

Ce que vous cherchez à faire serait la suivante:

<li onclick="javascript:showMessage();"></li> 

<script type="text/javascript"> 
function showMessage() { 
    $.get('page.php', function(html) { 
     $.blockUI({ message: html }); 
    }); 
} 
</script> 

Bien que si votre page.php prend un moment ou deux pour construire, blockUI ne se déclenche pas jusqu'à ce qu'il fait.

En outre, j'ai eu des résultats mitigés avec la mise en commandes complexes dans un onclick ou href, donc j'ai trouvé plus fiable d'appeler une fonction.

+0

J'ai créé une fonction comme vous le dites et maintenant rien ne se passe. Le blocage n'est pas activé. J'ai vérifié la page que je suis en train de charger dans un navigateur, l'URL de la page est localhost/wordpress/wp-content/themes/childoftwentytwelve/twitter/redirect.php. Cette page utilise la fonction header() pour me rediriger vers la page de connexion de Twitter. J'essaie de faire apparaître cela dans une boîte à travers ce plugin. – Kokas

+0

Lorsque vous tapez sur le navigateur avec cette URL, je suis redirigé vers le site Web de Twitter. – Kokas

+0

Peut-être que blockUI attend du HTML statique? – Kokas

Questions connexes