Fonction non reconnu de jQuery

Question

J'ai un fichier .js qui a cette fonction en elle:

function showDialog(divID) 
{ 
    alert("got here"); 

    var dialogDiv = $(divID); 

    dialogDiv.dialog 
    (
     { 
      bgiframe: true, 
      modal: true, 
      autoOpen: false, 
      show: 'blind' 
     } 
    ) 

    dialogDiv.dialog("open"); 
} 

Et dans ma page ceci:

<script type="text/javascript"> 

    $(function() 
    { 
     $("input.invokeDialog").click.showDialog("#testDialog"); 
    }); 

</script> 

Je suis en train de comprendre pourquoi il ne reconnaît pas ma fonction showDialog. Est-ce qu'il n'est pas possible de le référencer avec le point comme je le fais? Ai-je besoin d'une fonction ou d'une syntaxe spécifique à jQuery pour savoir s'il s'agit d'une fonction jQuery ou n'y a-t-il pas une telle chose?

Answer 1

Essayez ceci:

$(function() 
    { 
     $("input.invokeDialog").click(function(){ 
      showDialog("#testDialog"); 
     }); 
    }); 

Answer 2

Le problème avec click.showDialog("#testDialog") est que cela signifie que vous essayez d'appeler une fonction appelée showDialog qui fait partie de l'objet click. Vous avez défini la fonction showDialog comme une fonction flottante, de sorte que vous n'avez besoin de rien devant elle pour l'appeler.

Le code dans la réponse de Sarfraz devrait bien fonctionner pour ce que vous essayez de faire.

Answer 3

<script type="text/javascript"> 

    $(function() 
    { 
     showDialog("#testDialog"); 
    }); 

</script> 

Que pensez-vous de cela?