JqueryUI Dialog. Impossible de déclencher à partir du formulaire html

Question

Fonctionne correctement avec une boîte de dialogue de lien de texte vers le feu - mais dure environ 0,5 seconde si elle est déclenchée à partir d'un bouton d'envoi de formulaire html. Ça a l'air fou! Oui, je ne peux pas le faire fonctionner. Aidez-moi!

$(document).ready(function() { 
    $('#rating-0').click(function() { $('#dialog').dialog('open'); }); $('#dialog').dialog({ autoOpen: false, height: 280, modal: true, resizable: false, buttons: { Continue: function() { 
     $(this).dialog('close'); // Submit Rating 
    }, 'Change Rating': function() { 
     $(this).dialog('close'); // Update Rating 
    } } 
    }); 
    }); 

<form action="https://www.etc" id="rating-0"> 
    <input type="hidden" name="cmd" value="_s-xclick" /> 
    <input name="submit" type="image" src="https://www.paypal.com/en_GB/i/btn/btn_cart_LG.gif" /> 
</form> 
<div id="dialog" title="Are you sure?"> 
    <p>You've assigned the current celebrity a rating of 0…</p> <p>Perhaps you are just judging them on the terrible last movie…</p> 
</div> 

Answer 1

Ajouter return false; à votre gestionnaire submit ou click pour empêcher le navigateur de soumettre le formulaire et de recharger la page.

EDIT:

$(document).ready(function() { 
    $('#rating-0').submit(function() { 
     $('#dialog').dialog('open'); 
     return false; 
    }); 
    ... 
    });